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

#2196C0 の色情報

#2196C0

画像
HEX	#2196C0
RGB	R:33 G:150 B:192
RGBの割合	R:12.9% G:58.8% B:75.3%
HSV	H:195.8 S:82.8 V:75.3
HSL	H:195.8 S:70.7 L:44.1
CMY	C:87.1 M:41.2 Y:24.7

CMYK	C:82.8 M:21.9 Y:0.0 K:24.7
YCbCr	Y:118.9 Cb:163.8 Cr:73.7
XYZ	X:21.0 Y:25.9 Z:53.8
xyY	x:0.209 y:0.257 Y:25.9

CIE Lab	L:58.0 a:-16.4 b*:-30.5
CIE LCh	L:58.0 C:34.7 h:241.8
CIE Luv	L:58.0 u:-38.2 v*:-45.1
Hunter Lab	L:50.9 a:-15.4 b:-26.9

#2196C0 の色相別色一覧

#C02321

#C04B21

#C07321

#C09B21

#BEC021

#96C021

#6EC021

#47C021

#21C023

#21C04B

#21C073

#21C09B

#21BEC0

#2196C0

#216EC0

#2147C0

#2321C0

#4B21C0

#7321C0

#9B21C0

#C021BE

#C02196

#C0216E

#C02147

#2196C0 の彩度別色一覧

#BBBFC0

#B1BCC0

#A7BAC0

#9EB7C0

#94B4C0

#8BB2C0

#81AFC0

#77ADC0

#6EAAC0

#64A8C0

#5BA5C0

#51A3C0

#47A0C0

#3E9EC0

#349BC0

#2B99C0

#2196C0

#1793C0

#0E91C0

#048EC0

#2196C0 の明度別色一覧

#000101

#020B0E

#05151A

#071E27

#092834

#0B3241

#0D3C4D

#0F465A

#125067

#145A74

#166480

#186E8D

#1A789A

#1D82A7

#1F8CB3

#2196C0

#23A0CD

#25AADA

#28B4E6

#2ABEF3

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

#1B5159

#296691

#2196C0

#2CB5F0

#0E5A75

#34ABF5

#2196C0

#02436E

#072E47

#00818F

#00C7E6

#127691

#1A3B45

#2196C0

#0D4469

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

#2196C0

#3CB627

#BB2B57

#561BB1

#DAB823

#8F1ED2

#D2CC39

#2BD74D

#BB2244

#2196C0

#1BA730

#ADB32F

#2196C0

#D2134D

#7427CD

#2196C0 を使ったカマイユ

#1B8BA9

#298FB1

#2196C0

#1B9EBB

#379FD2

#2196C0

#34A1CF

#26A2C8

#1E8FBB

#0C84AC

#1878AC

#2196C0

#16A8C8

#25A4C3

#158ECA

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

#306E9A

#15609C

#2196C0

#1B80BB

#1573A1

#1463A7

#0D74CD

#0D76D2

#0795CD

#2196C0

#35A9B1

#2196C0

#0E76A9

#30909F

#35BBDC

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

#72787A

#174657

#B9E9FA

#2196C0

#8ACCE3

#2196C0

#1F3B45

#507C8C

#143F4F

#32383B

#AEE2F5

#B2C9D1

#2196C0

#02A6E0

#30A1C9

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

#47646E

#2196C0

#4CC3ED

#3E7082

#2196C0

#0A7094

#066B8F

#9CDAF0

#2196C0

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

#2196C0

#C02196

#96C021

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

#C08021

#2196C0

#C0212C

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

#2196C0

#9B21C0

#C04B21

#47C021

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

#2196C0

#C04B21

#2196C0

#81AFC0

#2196C0

#125066

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

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

#2196C0

#2196C0 の色情報

#2196C0 の色相別色一覧

#2196C0 の彩度別色一覧

#2196C0 の明度別色一覧

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

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

#2196C0 を使ったカマイユ

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

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

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

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

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

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

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