#20A5E2｜カラーサイト.com

#20A5E2 の色情報

#20A5E2

画像
HEX	#20A5E2
RGB	R:32 G:165 B:226
RGBの割合	R:12.5% G:64.7% B:88.6%
HSV	H:198.9 S:85.8 V:88.6
HSL	H:198.9 S:77.0 L:50.6
CMY	C:87.5 M:35.3 Y:11.4

CMYK	C:85.8 M:27.0 Y:0.0 K:11.4
YCbCr	Y:129.5 Cb:174.5 Cr:65.3
XYZ	X:27.8 Y:32.7 Z:76.8
xyY	x:0.202 y:0.238 Y:32.7

CIE Lab	L:63.9 a:-12.7 b*:-40.2
CIE LCh	L:63.9 C:42.2 h:252.5
CIE Luv	L:63.9 u:-41.2 v*:-62.5
Hunter Lab	L:57.2 a:-13.4 b:-39.6

#20A5E2 の色相別色一覧

#E22D20

#E25D20

#E28E20

#E2BE20

#D6E220

#A5E220

#75E220

#44E220

#20E22D

#20E25D

#20E28E

#20E2BE

#20D6E2

#20A5E2

#2075E2

#2044E2

#2D20E2

#5D20E2

#8E20E2

#BE20E2

#E220D6

#E220A5

#E22075

#E22044

#20A5E2 の彩度別色一覧

#E0E1E2

#D5DEE2

#CADAE2

#BED7E2

#B3D3E2

#A8D0E2

#9CCCE2

#91C9E2

#86C5E2

#7AC1E2

#6FBEE2

#64BAE2

#59B7E2

#4DB3E2

#42B0E2

#37ACE2

#2BA9E2

#20A5E2

#15A1E2

#099EE2

#20A5E2 の明度別色一覧

#010709

#031016

#051923

#072330

#092C3C

#0A3549

#0C3F56

#0E4863

#10516F

#125B7C

#136489

#156D96

#1776A2

#1980AF

#1B89BC

#1C92C9

#1E9CD5

#20A5E2

#22AEEF

#24B8FC

#20A5E2 を使ったトーンオントーン

#20A5E2

#2B6B7D

#2095C7

#257894

#004052

#20A5E2

#1D7391

#2583C2

#00546E

#133C4F

#20A5E2

#09405C

#2E92A3

#29657A

#0275B8

#20A5E2 を使ったトーンイントーン

#20A5E2

#A220F4

#EDF419

#E70C4B

#11EF1F

#20A5E2

#DA337C

#3AF152

#D5B40F

#6613EC

#D8B82E

#D50B48

#2AEC1F

#20A5E2

#9325D8

#20A5E2 を使ったカマイユ

#20A5E2

#1EABE7

#249AC9

#0DA6D8

#0CBCF1

#0CAFEF

#2799D5

#20A5E2

#269FD3

#2895D3

#3598DA

#2AA2DD

#18A2EC

#34B7EA

#20A5E2

#20A5E2 を使ったフォカマイユ

#20A5E2

#0084BC

#45E7FF

#236FCB

#1191D0

#0D75FC

#2273C3

#20A5E2

#12ADFF

#1598FC

#2E8FC6

#0BBED5

#20A5E2

#06C5FF

#3B8AD8

#20A5E2 を使ったドミナントカラー

#20A5E2

#25769C

#2E6B87

#1DA3E0

#404345

#278AB8

#7ED5FC

#1B759E

#12B4FF

#20A5E2

#1C485C

#20A5E2

#97D4F0

#2B363B

#2C5C73

#20A5E2 を使ったアイデンティティ

#20A5E2

#4E7080

#388EB5

#0080BA

#20A5E2

#4D7A8F

#20A5E2

#28799E

#3B515C

#20A5E2 を使ったトライアド

#20A5E2

#E220A5

#A5E220

#20A5E2 を使ったスプリットコンプリメンタリー

#E29E20

#20A5E2

#E22024

#20A5E2 を使ったテトラード

#20A5E2

#BE20E2

#E25D20

#44E220

#20A5E2 を使ったコントラスト

#20A5E2

#E25D20

#20A5E2

#91C9E2

#20A5E2

#0E4A66

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

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

#20A5E2

#20A5E2 の色情報

#20A5E2 の色相別色一覧

#20A5E2 の彩度別色一覧

#20A5E2 の明度別色一覧

#20A5E2 を使ったトーンオントーン

#20A5E2 を使ったトーンイントーン

#20A5E2 を使ったカマイユ

#20A5E2 を使ったフォカマイユ

#20A5E2 を使ったドミナントカラー

#20A5E2 を使ったアイデンティティ

#20A5E2 を使ったトライアド

#20A5E2 を使ったスプリットコンプリメンタリー

#20A5E2 を使ったテトラード

#20A5E2 を使ったコントラスト