#3BA3E2｜カラーサイト.com

#3BA3E2 の色情報

#3BA3E2

画像
HEX	#3BA3E2
RGB	R:59 G:163 B:226
RGBの割合	R:23.1% G:63.9% B:88.6%
HSV	H:202.6 S:73.9 V:88.6
HSL	H:202.6 S:74.2 L:55.9
CMY	C:76.9 M:36.1 Y:11.4

CMYK	C:73.9 M:27.9 Y:0.0 K:11.4
YCbCr	Y:135.5 Cb:171.0 Cr:77.9
XYZ	X:28.6 Y:32.6 Z:76.7
xyY	x:0.207 y:0.236 Y:32.6

CIE Lab	L:63.8 a:-9.0 b*:-40.3
CIE LCh	L:63.8 C:41.3 h:257.4
CIE Luv	L:63.8 u:-37.2 v*:-63.0
Hunter Lab	L:57.1 a:-10.5 b:-39.7

#3BA3E2 の色相別色一覧

#E2503B

#E27A3B

#E2A43B

#E2CE3B

#CDE23B

#A3E23B

#79E23B

#50E23B

#3BE250

#3BE27A

#3BE2A4

#3BE2CE

#3BCDE2

#3BA3E2

#3B79E2

#3B50E2

#503BE2

#7A3BE2

#A43BE2

#CE3BE2

#E23BCD

#E23BA3

#E23B79

#E23B50

#3BA3E2 の彩度別色一覧

#D9DFE2

#CEDAE2

#C3D6E2

#B7D2E2

#ACCEE2

#A1C9E2

#95C5E2

#8AC1E2

#7FBDE2

#74B8E2

#68B4E2

#5DB0E2

#52ACE2

#46A7E2

#3BA3E2

#309FE2

#249AE2

#1996E2

#0E92E2

#038EE2

#3BA3E2 の明度別色一覧

#020709

#061016

#091923

#0C2230

#102B3C

#133549

#163E56

#1A4763

#1D506F

#20597C

#246389

#276C96

#2A75A2

#2E7EAF

#3187BC

#3491C9

#389AD5

#3BA3E2

#3EACEF

#42B5FC

#3BA3E2 を使ったトーンオントーン

#315E94

#3BA3E2

#11335C

#325C7D

#4097B8

#3BA3E2

#4D99C4

#274B70

#223F4A

#2D6291

#1E80C4

#072A4F

#1E617A

#094F9C

#3BA3E2

#3BA3E2 を使ったトーンイントーン

#8F44D3

#3BA3E2

#D8BD2B

#F9378C

#50DD3C

#8624D3

#CDE550

#3BA3E2

#DF3F53

#40CE73

#45F4BB

#BE3CEF

#BFF150

#CE3E41

#3BA3E2

#3BA3E2 を使ったカマイユ

#26B2EC

#369CD5

#46A0DF

#46ACF9

#3BA3E2

#439CE7

#3BA3E2

#308CD0

#3A8ECE

#37A0EF

#3A92D8

#3BA3E2

#3CA6DD

#3497EC

#3B9ECB

#3BA3E2 を使ったフォカマイユ

#69B0FF

#66D1FE

#64A0FF

#3BA3E2

#1C91FC

#2AB8F4

#3BA3E2

#4798C3

#399CF6

#3C82D5

#1B70BE

#56BCE7

#3BA3E2

#1A86C3

#5FC3F4

#3BA3E2 を使ったドミナントカラー

#0C74B3

#0B78BA

#43525C

#3BA3E2

#67808F

#3BA3E2

#2F5870

#323C42

#95B9CF

#7A7F82

#3BA3E2

#0678BD

#1D3340

#326685

#19618C

#3BA3E2 を使ったアイデンティティ

#04578A

#3BA3E2

#7899AD

#0A4569

#77CAFC

#3BA3E2

#315870

#3BA3E2

#609ABD

#3BA3E2 を使ったトライアド

#3BA3E2

#E23BA3

#A3E23B

#3BA3E2 を使ったスプリットコンプリメンタリー

#E2B23B

#3BA3E2

#E2423B

#3BA3E2 を使ったテトラード

#3BA3E2

#CE3BE2

#E27A3B

#50E23B

#3BA3E2 を使ったコントラスト

#3BA3E2

#E27A3B

#3BA3E2

#ACCEE2

#3BA3E2

#1B4A66

#3BA3E2の色見本やRGB、HSVなどの詳しい色情報を見ることができます。

#3BA3E2の色相や彩度を変えたときの配色なども一覧で表示します。

#3BA3E2

#3BA3E2 の色情報

#3BA3E2 の色相別色一覧

#3BA3E2 の彩度別色一覧

#3BA3E2 の明度別色一覧

#3BA3E2 を使ったトーンオントーン

#3BA3E2 を使ったトーンイントーン

#3BA3E2 を使ったカマイユ

#3BA3E2 を使ったフォカマイユ

#3BA3E2 を使ったドミナントカラー

#3BA3E2 を使ったアイデンティティ

#3BA3E2 を使ったトライアド

#3BA3E2 を使ったスプリットコンプリメンタリー

#3BA3E2 を使ったテトラード

#3BA3E2 を使ったコントラスト