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

#20A8F2 の色情報

#20A8F2

画像
HEX	#20A8F2
RGB	R:32 G:168 B:242
RGBの割合	R:12.5% G:65.9% B:94.9%
HSV	H:201.1 S:86.8 V:94.9
HSL	H:201.1 S:89.0 L:53.7
CMY	C:87.5 M:34.1 Y:5.1

CMYK	C:86.8 M:30.6 Y:0.0 K:5.1
YCbCr	Y:132.6 Cb:180.6 Cr:63.0
XYZ	X:30.6 Y:34.7 Z:89.1
xyY	x:0.198 y:0.225 Y:34.7

CIE Lab	L:65.5 a:-8.7 b*:-46.5
CIE LCh	L:65.5 C:47.3 h:259.5
CIE Luv	L:65.5 u:-41.2 v*:-73.8
Hunter Lab	L:58.9 a:-10.4 b:-48.4

#20A8F2 の色相別色一覧

#F23620

#F26A20

#F29F20

#F2D320

#DDF220

#A8F220

#74F220

#3FF220

#20F236

#20F26A

#20F29F

#20F2D3

#20DDF2

#20A8F2

#2074F2

#203FF2

#3620F2

#6A20F2

#9F20F2

#D320F2

#F220DD

#F220A8

#F22074

#F2203F

#20A8F2 の彩度別色一覧

#EEF0F2

#E2ECF2

#D6E8F2

#C9E4F2

#BDDFF2

#B1DBF2

#A5D7F2

#99D3F2

#8DCEF2

#81CAF2

#75C6F2

#69C2F2

#5DBDF2

#50B9F2

#44B5F2

#38B1F2

#2CACF2

#20A8F2

#14A4F2

#089FF2

#20A8F2 の明度別色一覧

#02090D

#031219

#051A26

#072333

#082C40

#0A354C

#0C3E59

#0D4766

#0F4F73

#11587F

#13618C

#146A99

#1673A6

#187CB2

#1985BF

#1B8DCC

#1D96D9

#1E9FE5

#20A8F2

#22B1FF

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

#216A82

#20A8F2

#296CAB

#1D4C5E

#1A8AC7

#004280

#0075BF

#0A314A

#20A8F2

#117E96

#00314F

#05639E

#0F537A

#20A8F2

#1A6CC4

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

#20A8F2

#FF155F

#D9CF12

#34EA3B

#8907D9

#2BFA5F

#20A8F2

#9409D9

#FF1845

#E0CD17

#F5DB17

#30D941

#9C07E0

#FA0B3E

#20A8F2

#20A8F2 を使ったカマイユ

#2394E5

#20A8F2

#0DA2FA

#33B0DE

#1BA1DB

#20A8F2

#1AABEA

#1ABAFA

#19A5DE

#27A6D9

#20A8F2

#1788E0

#12ACF5

#2EA5D9

#31A9FF

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

#20A8F2

#3ED5FF

#00BFEA

#377BD3

#2CE9FF

#34CCFF

#0D7AD3

#10DFFF

#1599CE

#20A8F2

#2795E0

#08ACFF

#0077E8

#20A8F2

#1AC5FF

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

#1B455C

#67737A

#20A8F2

#354147

#3AA4DE

#0F425E

#264C61

#414345

#20A8F2

#7498AB

#489FCF

#20A8F2

#072536

#405059

#155273

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

#20A8F2

#4582A3

#537F96

#20A8F2

#3993C4

#385E73

#789CB0

#20A8F2

#306F91

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

#20A8F2

#F220A8

#A8F220

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

#F2B020

#20A8F2

#F22420

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

#20A8F2

#D320F2

#F26A20

#3FF220

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

#20A8F2

#F26A20

#20A8F2

#99D3F2

#20A8F2

#0D4766

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

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

#20A8F2

#20A8F2 の色情報

#20A8F2 の色相別色一覧

#20A8F2 の彩度別色一覧

#20A8F2 の明度別色一覧

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

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

#20A8F2 を使ったカマイユ

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

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

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

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

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

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

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