#2196B2｜カラーサイト.com

#2196B2 の色情報

#2196B2

画像
HEX	#2196B2
RGB	R:33 G:150 B:178
RGBの割合	R:12.9% G:58.8% B:69.8%
HSV	H:191.6 S:81.5 V:69.8
HSL	H:191.6 S:68.7 L:41.4
CMY	C:87.1 M:41.2 Y:30.2

CMYK	C:81.5 M:15.7 Y:0.0 K:30.2
YCbCr	Y:117.5 Cb:157.6 Cr:74.6
XYZ	X:19.6 Y:25.3 Z:46.0
xyY	x:0.215 y:0.279 Y:25.3

CIE Lab	L:57.4 a:-21.2 b*:-23.5
CIE LCh	L:57.4 C:31.6 h:227.9
CIE Luv	L:57.4 u:-39.1 v*:-32.9
Hunter Lab	L:50.3 a:-18.7 b:-18.9

#2196B2 の色相別色一覧

#B23D21

#B26121

#B28621

#B2AA21

#96B221

#72B221

#4DB221

#29B221

#21B23D

#21B261

#21B286

#21B2AA

#2196B2

#2172B2

#214DB2

#2129B2

#3D21B2

#6121B2

#8621B2

#AA21B2

#B22196

#B22172

#B2214D

#B22129

#2196B2 の彩度別色一覧

#AFB1B2

#A7B0B2

#9EAEB2

#95ACB2

#8CABB2

#83A9B2

#7AA7B2

#71A5B2

#68A4B2

#5FA2B2

#56A0B2

#4E9FB2

#459DB2

#3C9BB2

#3399B2

#2A98B2

#2196B2

#1894B2

#0F93B2

#0691B2

#2196B2 の明度別色一覧

#020A0C

#051519

#072026

#092B33

#0C353F

#0E404C

#104B59

#135666

#156072

#186B7F

#1A768C

#1C8199

#1F8BA5

#2196B2

#23A1BF

#26ABCC

#28B6D8

#2AC1E5

#2DCCF2

#2FD6FF

#2196B2 を使ったトーンオントーン

#0A8BD4

#2196B2

#5AB9EB

#1F6B70

#084459

#2C7075

#0C898C

#2196B2

#4CD3FA

#063F4D

#2196B2

#184145

#205370

#1A788F

#35C2F7

#2196B2 を使ったトーンイントーン

#1BBA34

#2196B2

#AA2547

#B7A815

#682DB7

#1BAD12

#B59223

#BA2161

#2196B2

#692AA3

#2196B2

#A06B17

#6B2CCC

#27AA1A

#C91F78

#2196B2 を使ったカマイユ

#139DB5

#278899

#35ADC6

#2C9CBC

#2196B2

#34B3CC

#2196B2

#1E92B7

#218E9B

#2196BC

#26A2BA

#1E7B99

#2196B2

#1E92B5

#2496B7

#2196B2 を使ったフォカマイユ

#0CBDBF

#2E918F

#2196B2

#1999C6

#0790C9

#2196B2

#44CCC8

#059B9A

#12D1C6

#1598D8

#108BA5

#2196B2

#4494CC

#0D7AA8

#35AED8

#2196B2 を使ったドミナントカラー

#369DB5

#38474A

#94ADB3

#36798A

#2196B2

#D7F3FA

#57D4F2

#3C95AB

#1FAFD1

#2196B2

#356570

#3B4142

#2196B2

#00CAFA

#CCD6D9

#2196B2 を使ったアイデンティティ

#85D3E6

#085061

#2196B2

#59C4DE

#5C7F87

#2196B2

#3B7D8C

#2196B2

#8EC4D1

#2196B2 を使ったトライアド

#2196B2

#B22196

#96B221

#2196B2 を使ったスプリットコンプリメンタリー

#B26D21

#2196B2

#B22135

#2196B2 を使ったテトラード

#2196B2

#8621B2

#B23D21

#4DB221

#2196B2 を使ったコントラスト

#2196B2

#B23D21

#2196B2

#7AA7B2

#2196B2

#2FD7FF

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

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

#2196B2

#2196B2 の色情報

#2196B2 の色相別色一覧

#2196B2 の彩度別色一覧

#2196B2 の明度別色一覧

#2196B2 を使ったトーンオントーン

#2196B2 を使ったトーンイントーン

#2196B2 を使ったカマイユ

#2196B2 を使ったフォカマイユ

#2196B2 を使ったドミナントカラー

#2196B2 を使ったアイデンティティ

#2196B2 を使ったトライアド

#2196B2 を使ったスプリットコンプリメンタリー

#2196B2 を使ったテトラード

#2196B2 を使ったコントラスト