#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 を使ったトーンオントーン

#14748C

#5BD1F5

#063A45

#2196C0

#064B6E

#327496

#2E6580

#194452

#26BBE8

#2196C0

#1A414D

#046178

#11D3E8

#2196C0

#086394

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

#662DAC

#CDA219

#24BD33

#2196C0

#D22878

#2196C0

#D22F68

#29B856

#6F23DA

#D7D134

#CD323F

#15CD4F

#6F27A7

#2196C0

#9BB62E

#2196C0 を使ったカマイユ

#2196C0

#24A2BD

#2CAACF

#1375A9

#0E93B1

#1EB6D7

#35A4C3

#0D7FBB

#2196C0

#2D9FB8

#2F82AC

#157FA9

#35B1DA

#277CA9

#2196C0

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

#25899F

#309BE1

#2196C0

#14B8DC

#04BFC5

#42A7DC

#2196C0

#05509F

#1493D7

#34BFE1

#1EBDC5

#2787A7

#3FAFE6

#0EA4AE

#2196C0

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

#2196C0

#5C8594

#32444A

#A7C0C9

#3B3F40

#25667D

#3DB0D9

#376E82

#2196C0

#2B82A1

#4A95B0

#27A0CC

#58C2E8

#8CD3ED

#2196C0

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

#6EBEDB

#2196C0

#296E87

#0ABBFA

#2196C0

#375F6E

#2196C0

#4F7C8C

#61CCF2

#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 を使ったコントラスト