#22A7D2｜カラーサイト.com

#22A7D2 の色情報

#22A7D2

画像
HEX	#22A7D2
RGB	R:34 G:167 B:210
RGBの割合	R:13.3% G:65.5% B:82.4%
HSV	H:194.7 S:83.8 V:82.4
HSL	H:194.7 S:72.1 L:47.8
CMY	C:86.7 M:34.5 Y:17.6

CMYK	C:83.8 M:20.5 Y:0.0 K:17.6
YCbCr	Y:129.5 Cb:166.6 Cr:66.6
XYZ	X:26.1 Y:32.6 Z:65.9
xyY	x:0.209 y:0.262 Y:32.6

CIE Lab	L:63.9 a:-19.2 b*:-31.5
CIE LCh	L:63.9 C:36.9 h:238.6
CIE Luv	L:63.9 u:-42.8 v*:-47.0
Hunter Lab	L:57.1 a:-18.4 b:-28.4

#22A7D2 の色相別色一覧

#D24D22

#D27922

#D2A522

#D2D122

#A7D222

#7BD222

#4FD222

#23D222

#22D24D

#22D279

#22D2A5

#22D2D1

#22A7D2

#227BD2

#224FD2

#2223D2

#4D22D2

#7922D2

#A522D2

#D122D2

#D222A7

#D2227B

#D2224F

#D22223

#22A7D2 の彩度別色一覧

#CAD0D2

#C0CDD2

#B5CBD2

#ABC8D2

#A0C6D2

#96C3D2

#8BC1D2

#81BED2

#76BCD2

#6CB9D2

#61B6D2

#57B4D2

#4CB1D2

#42AFD2

#37ACD2

#2DAAD2

#22A7D2

#18A4D2

#0DA2D2

#039FD2

#22A7D2 の明度別色一覧

#010506

#030F13

#051920

#07232C

#092D39

#0B3746

#0D4253

#0F4C5F

#11566C

#146079

#166A86

#187492

#1A7E9F

#1C89AC

#1E93B9

#209DC5

#22A7D2

#24B1DF

#26BBEC

#28C5F8

#22A7D2 を使ったトーンオントーン

#0A9CB8

#02475C

#0A6FA1

#22A7D2

#25576E

#22A7D2

#028FA1

#06424F

#22626E

#3587B5

#39939E

#22A7D2

#236378

#084A54

#237EB5

#22A7D2 を使ったトーンイントーン

#A5B92E

#8912DA

#22A7D2

#B92E4B

#13CA4F

#EC395B

#22A7D2

#BDC81C

#16DC54

#9223E9

#32C569

#22A7D2

#6A25C0

#A4B915

#C50C35

#22A7D2 を使ったカマイユ

#31B2D5

#1CC8E9

#2199C3

#0F90CF

#22A7D2

#1FA9DA

#30A7BE

#22A7D2

#39B2E4

#21BAD7

#22A7D2

#1AA6D7

#27AAC3

#299AB9

#2B91C3

#22A7D2 を使ったフォカマイユ

#22A7D2

#0280CD

#2C78BE

#176EAE

#0CD2E6

#17B1BE

#08A2F3

#39B5CA

#22A7D2

#35BBEE

#17A1DF

#2BB9D7

#4CA9F3

#2677B3

#22A7D2

#22A7D2 を使ったドミナントカラー

#22A7D2

#AFB9BD

#014459

#B0DAE8

#98D1E3

#267994

#22A7D2

#8AA3AB

#A8B2B5

#334C54

#94A1A6

#22A7D2

#3B464A

#2B3336

#6B909C

#22A7D2 を使ったトライアド

#22A7D2

#D222A7

#A7D222

#22A7D2 を使ったスプリットコンプリメンタリー

#D28822

#22A7D2

#D22232

#22A7D2 を使ったテトラード

#22A7D2

#A522D2

#D24D22

#4FD222

#22A7D2 を使ったコントラスト

#22A7D2

#D24D22

#22A7D2

#8BC1D2

#22A7D2

#115166

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

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

#22A7D2

#22A7D2 の色情報

#22A7D2 の色相別色一覧

#22A7D2 の彩度別色一覧

#22A7D2 の明度別色一覧

#22A7D2 を使ったトーンオントーン

#22A7D2 を使ったトーンイントーン

#22A7D2 を使ったカマイユ

#22A7D2 を使ったフォカマイユ

#22A7D2 を使ったドミナントカラー

#22A7D2 を使ったトライアド

#22A7D2 を使ったスプリットコンプリメンタリー

#22A7D2 を使ったテトラード

#22A7D2 を使ったコントラスト