#63CCE2｜カラーサイト.com

#63CCE2 の色情報

#63CCE2

画像
HEX	#63CCE2
RGB	R:99 G:204 B:226
RGBの割合	R:38.8% G:80.0% B:88.6%
HSV	H:190.4 S:56.2 V:88.6
HSL	H:190.4 S:68.6 L:63.7
CMY	C:61.2 M:20.0 Y:11.4

CMYK	C:56.2 M:9.7 Y:0.0 K:11.4
YCbCr	Y:166.4 Cb:153.2 Cr:80.3
XYZ	X:40.5 Y:51.3 Z:79.7
xyY	x:0.236 y:0.299 Y:51.3

CIE Lab	L:76.9 a:-24.2 b*:-20.1
CIE LCh	L:76.9 C:31.5 h:219.8
CIE Luv	L:76.9 u:-43.7 v*:-28.2
Hunter Lab	L:71.6 a:-24.6 b:-15.8

#63CCE2 の色相別色一覧

#E27963

#E29963

#E2B963

#E2D863

#CCE263

#ACE263

#8DE263

#6DE263

#63E279

#63E299

#63E2B9

#63E2D8

#63CCE2

#63ACE2

#638DE2

#636DE2

#7963E2

#9963E2

#B963E2

#D863E2

#E263CC

#E263AC

#E2638D

#E2636D

#63CCE2 の彩度別色一覧

#DFE2E2

#D4E0E2

#C9DEE2

#BDDCE2

#B2DAE2

#A7D8E2

#9CD6E2

#90D4E2

#85D2E2

#7AD0E2

#6ECEE2

#63CCE2

#58CAE2

#4CC8E2

#41C6E2

#36C4E2

#2BC2E2

#1FC0E2

#14BEE2

#09BCE2

#63CCE2 の明度別色一覧

#040809

#0A1416

#0F1F23

#152B30

#1A363C

#204249

#264D56

#2B5963

#31646F

#36707C

#3C7B89

#418796

#4792A2

#4D9EAF

#52A9BC

#58B5C9

#5DC0D5

#63CCE2

#69D8EF

#6EE3FC

#63CCE2 を使ったトーンオントーン

#2C4C59

#63CCE2

#3C8E9C

#74B4B5

#2B647D

#4793B3

#437580

#1F474F

#5398A3

#63CCE2

#316669

#1F404D

#39879C

#63CCE2

#2FB7B8

#63CCE2 を使ったトーンイントーン

#65DD74

#F1DC6C

#D56E9A

#AE7CEF

#63CCE2

#DFDE78

#63CCE2

#CB537C

#5BEA89

#9E57DF

#7952F4

#DA509B

#6EDA5B

#63CCE2

#ECA760

#63CCE2 を使ったカマイユ

#54CCD8

#63CCE2

#60CBDF

#67CBDD

#68B0C9

#56BBD3

#63CCE2

#52ACC9

#56CAE5

#6CEAFC

#63CCE2

#56DCF1

#56E3F1

#67EEFC

#6FBBD3

#63CCE2 を使ったフォカマイユ

#43A9BC

#49C6C1

#67FCF8

#37B0BE

#63CCE2

#45B8C6

#6DD2D3

#59EDFF

#63CCE2

#77C8EF

#42B3BE

#3E8ABE

#63CCE2

#3ABCB8

#73D9E7

#63CCE2 を使ったドミナントカラー

#63CCE2

#77B9C7

#144752

#0E5766

#51D4F0

#263B40

#79CADB

#63CCE2

#D1E6EB

#02B4D9

#226F80

#BBC3C4

#13B0D1

#63CCE2

#72E0F7

#63CCE2 を使ったアイデンティティ

#107387

#95EBFC

#63CCE2

#7DB2BD

#0C5463

#80B0BA

#136B7D

#63CCE2

#63CCE2 を使ったトライアド

#63CCE2

#E263CC

#CCE263

#63CCE2 を使ったスプリットコンプリメンタリー

#E2A363

#63CCE2

#E26377

#63CCE2 を使ったテトラード

#63CCE2

#B963E2

#E27963

#8DE263

#63CCE2 を使ったコントラスト

#63CCE2

#E27963

#63CCE2

#D4E0E2

#63CCE2

#2D5C66

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

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

#63CCE2

#63CCE2 の色情報

#63CCE2 の色相別色一覧

#63CCE2 の彩度別色一覧

#63CCE2 の明度別色一覧

#63CCE2 を使ったトーンオントーン

#63CCE2 を使ったトーンイントーン

#63CCE2 を使ったカマイユ

#63CCE2 を使ったフォカマイユ

#63CCE2 を使ったドミナントカラー

#63CCE2 を使ったアイデンティティ

#63CCE2 を使ったトライアド

#63CCE2 を使ったスプリットコンプリメンタリー

#63CCE2 を使ったテトラード

#63CCE2 を使ったコントラスト