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

#3D96B2 の色情報

#3D96B2

画像
HEX	#3D96B2
RGB	R:61 G:150 B:178
RGBの割合	R:23.9% G:58.8% B:69.8%
HSV	H:194.4 S:65.7 V:69.8
HSL	H:194.4 S:49.0 L:46.9
CMY	C:76.1 M:41.2 Y:30.2

CMYK	C:65.7 M:15.7 Y:0.0 K:30.2
YCbCr	Y:124.7 Cb:153.5 Cr:86.9
XYZ	X:20.9 Y:26.0 Z:46.0
xyY	x:0.225 y:0.280 Y:26.0

CIE Lab	L:58.1 a:-17.6 b*:-22.4
CIE LCh	L:58.1 C:28.5 h:231.9
CIE Luv	L:58.1 u:-34.7 v*:-31.7
Hunter Lab	L:51.0 a:-16.2 b:-17.8

#3D96B2 の色相別色一覧

#B2593D

#B2763D

#B2943D

#B2B13D

#96B23D

#79B23D

#5CB23D

#3EB23D

#3DB259

#3DB276

#3DB294

#3DB2B1

#3D96B2

#3D79B2

#3D5CB2

#3D3EB2

#593DB2

#763DB2

#943DB2

#B13DB2

#B23D96

#B23D79

#B23D5C

#B23D3E

#3D96B2 の彩度別色一覧

#B1B2B2

#A8B0B2

#9FADB2

#96ABB2

#8DA9B2

#84A7B2

#7BA5B2

#72A3B2

#6AA1B2

#619FB2

#589CB2

#4F9AB2

#4698B2

#3D96B2

#3494B2

#2B92B2

#2290B2

#198DB2

#118BB2

#0889B2

#3D96B2 の明度別色一覧

#040A0C

#091519

#0D2026

#112B33

#16353F

#1A404C

#1E4B59

#235666

#276072

#2C6B7F

#30768C

#348199

#398BA5

#3D96B2

#41A1BF

#46ABCC

#4AB6D8

#4EC1E5

#53CCF2

#57D6FF

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

#52B2D6

#3D96B2

#224B57

#11597A

#33CFF0

#1E525C

#35707A

#58ACD1

#58DEFA

#3D96B2

#3A7180

#83C7F2

#4EAACC

#1A3D4A

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

#7038A8

#3D96B2

#55C97C

#ADAC3D

#C44F69

#A33E61

#BEBF4F

#3CBA60

#674499

#3D96B2

#6F3DA8

#A33E66

#A5982A

#3D96B2

#3AA03E

#3D96B2 を使ったカマイユ

#409BC6

#2D8FBA

#2C9BAF

#379ABC

#3D96B2

#3BA0C9

#4D9ABA

#3D96B2

#50B6CC

#3B8CA8

#297FA8

#38ABC6

#3E82A3

#3C8EB5

#3D96B2

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

#3D96B2

#3F819E

#3F7FAA

#2B9FAA

#2575C1

#3D96B2

#3B818C

#2B91C1

#4A8DB7

#2AA5A5

#2185AD

#2484BC

#46A1A3

#3D96B2

#3BC3C9

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

#4A7B8A

#68A1B3

#294A54

#B7DEEB

#3D96B2

#016D8F

#476873

#B7E8F7

#4596B0

#3D96B2

#1A6780

#4E5C61

#3D5A63

#99B6BF

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

#3D96B2

#B23D96

#96B23D

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

#B2803D

#3D96B2

#B23D48

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

#3D96B2

#943DB2

#B2593D

#5CB23D

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

#3D96B2

#B2593D

#3D96B2

#96ABB2

#3D96B2

#57D7FF

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

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

#3D96B2

#3D96B2 の色情報

#3D96B2 の色相別色一覧

#3D96B2 の彩度別色一覧

#3D96B2 の明度別色一覧

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

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

#3D96B2 を使ったカマイユ

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

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

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

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

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

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