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

#399DC2

#20A5E2

#0B4173

#055FA3

#073E47

#033952

#1E85B8

#0F5370

#20A5E2

#027496

#06659C

#3A87BA

#004A78

#20A5E2

#064554

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

#F63249

#20A5E2

#CDDD1D

#24D06B

#9C2AE5

#20A5E2

#F93A64

#D5E72F

#25CB5F

#A337EC

#9F0CE5

#20A5E2

#F62D52

#C0E70E

#23CE70

#20A5E2 を使ったカマイユ

#0FA4F4

#2FA9EA

#20A5E2

#26A5D3

#2EA2EF

#11A5EF

#33AAEF

#2995CE

#1B9FCB

#20A5E2

#35A4DA

#1AAFEA

#0D90D5

#19A4F4

#20A5E2

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

#0F94D5

#20A5E2

#0692BC

#3BA4EA

#3CB1F9

#1295DA

#2BB2C1

#00BFF9

#0F86CB

#20A5E2

#159EFF

#20A5E2

#37B3C3

#056FD8

#38BCE7

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

#3D4D54

#20A5E2

#4F5659

#A2A8AB

#1D313B

#162A33

#20A5E2

#2293C7

#6ED1FF

#004F73

#8DD1F0

#00496B

#2E708F

#20A5E2

#063347

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

#20A5E2

#65A8C7

#225F7A

#5DCAFC

#20A5E2

#5A7785

#5EA4C4

#20A5E2

#275D75

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