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

#3B8CE2 の色情報

#3B8CE2

画像
HEX	#3B8CE2
RGB	R:59 G:140 B:226
RGBの割合	R:23.1% G:54.9% B:88.6%
HSV	H:210.9 S:73.9 V:88.6
HSL	H:210.9 S:74.2 L:55.9
CMY	C:76.9 M:45.1 Y:11.4

CMYK	C:73.9 M:38.1 Y:0.0 K:11.4
YCbCr	Y:123.9 Cb:177.7 Cr:86.3
XYZ	X:24.9 Y:25.2 Z:75.5
xyY	x:0.198 y:0.200 Y:25.2

CIE Lab	L:57.2 a:4.2 b*:-50.7
CIE LCh	L:57.2 C:50.9 h:274.8
CIE Luv	L:57.2 u:-29.4 v*:-80.5
Hunter Lab	L:50.2 a:0.8 b:-54.1

#3B8CE2 の色相別色一覧

#E23E3B

#E2673B

#E2913B

#E2BB3B

#E0E23B

#B6E23B

#8CE23B

#62E23B

#3BE23E

#3BE267

#3BE291

#3BE2BB

#3BE0E2

#3BB6E2

#3B8CE2

#3B62E2

#3E3BE2

#673BE2

#913BE2

#BB3BE2

#E23BE0

#E23BB6

#E23B8C

#E23B62

#3B8CE2 の彩度別色一覧

#D9DDE2

#CED8E2

#C3D2E2

#B7CCE2

#ACC6E2

#A1C0E2

#95BBE2

#8AB5E2

#7FAFE2

#74A9E2

#68A3E2

#5D9DE2

#5298E2

#4692E2

#3B8CE2

#3086E2

#2480E2

#197BE2

#0E75E2

#036FE2

#3B8CE2 の明度別色一覧

#020609

#060E16

#091623

#0C1D30

#10253C

#132D49

#163556

#1A3D63

#1D456F

#204D7C

#245589

#275D96

#2A65A2

#2E6CAF

#3174BC

#347CC9

#3884D5

#3B8CE2

#3E94EF

#429CFC

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

#367199

#176AC2

#3B8CE2

#0F2957

#2E5975

#5888BF

#294E96

#16415C

#1A5A80

#3B8CE2

#3D76BF

#2E476B

#375B94

#3B8CE2

#253757

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

#A6EA2F

#3B8CE2

#CE4848

#C143D8

#48DA9D

#3B8CE2

#B1DA46

#EC6A51

#36D578

#CF26EA

#BE3AEF

#C9B13E

#24D040

#FC4E74

#3B8CE2

#3B8CE2 を使ったカマイユ

#2978E5

#559AF9

#3B8DD0

#3B8CE2

#4495D3

#4179CB

#3B8CE2

#427FC9

#2687D0

#2781CB

#3B8CE2

#3F8CD3

#2F8BDF

#549DF6

#53A2E7

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

#2475EF

#57BCFF

#369EFF

#3B8CE2

#1C4CE7

#69CBFF

#2E68C6

#2CA7FF

#3B8CE2

#66B3FF

#46A0C1

#3B8CE2

#5C82F1

#528CD3

#1D48BE

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

#347FCF

#3F91E8

#276BB3

#678DB5

#3B8CE2

#3C6999

#046DDB

#567494

#8CC1FA

#3B8CE2

#636F7D

#104A87

#22354A

#90BBE8

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

#46678A

#3B8CE2

#1058A3

#3B8CE2

#5DABFC

#456485

#69B2FF

#3B8CE2

#516B87

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

#3B8CE2

#E23B8C

#8CE23B

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

#E2C93B

#3B8CE2

#E2593B

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

#3B8CE2

#E23BE0

#E2913B

#3BE23E

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

#3B8CE2

#E2913B

#3B8CE2

#ACC6E2

#3B8CE2

#1B3F66

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

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

#3B8CE2

#3B8CE2 の色情報

#3B8CE2 の色相別色一覧

#3B8CE2 の彩度別色一覧

#3B8CE2 の明度別色一覧

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

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

#3B8CE2 を使ったカマイユ

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

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

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

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

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

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

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