#0ECCF2｜カラーサイト.com

#0ECCF2 の色情報

#0ECCF2

画像
HEX	#0ECCF2
RGB	R:14 G:204 B:242
RGBの割合	R:5.5% G:80.0% B:94.9%
HSV	H:190.0 S:94.2 V:94.9
HSL	H:190.0 S:89.8 L:50.2
CMY	C:94.5 M:20.0 Y:5.1

CMYK	C:94.2 M:15.7 Y:0.0 K:5.1
YCbCr	Y:146.1 Cb:172.8 Cr:41.9
XYZ	X:37.8 Y:49.7 Z:91.6
xyY	x:0.211 y:0.277 Y:49.7

CIE Lab	L:75.9 a:-28.3 b*:-30.4
CIE LCh	L:75.9 C:41.6 h:227.0
CIE Luv	L:75.9 u:-54.3 v*:-45.0
Hunter Lab	L:70.5 a:-27.6 b:-27.7

#0ECCF2 の色相別色一覧

#F2340E

#F26D0E

#F2A60E

#F2DF0E

#CCF20E

#93F20E

#5AF20E

#21F20E

#0EF234

#0EF26D

#0EF2A6

#0EF2DF

#0ECCF2

#0E93F2

#0E5AF2

#0E21F2

#340EF2

#6D0EF2

#A60EF2

#DF0EF2

#F20ECC

#F20E93

#F20E5A

#F20E21

#0ECCF2 の彩度別色一覧

#E8F0F2

#DCEEF2

#D0ECF2

#C4EAF2

#B7E8F2

#ABE6F2

#9FE4F2

#93E2F2

#87E0F2

#7BDEF2

#6FDCF2

#63DAF2

#57D8F2

#4BD6F2

#3ED4F2

#32D2F2

#26D0F2

#1ACEF2

#0ECCF2

#02CAF2

#0ECCF2 の明度別色一覧

#010B0D

#011519

#022026

#032B33

#043640

#04404C

#054B59

#065666

#076173

#076B7F

#08768C

#098199

#0A8CA6

#0A96B2

#0BA1BF

#0CACCC

#0DB7D9

#0DC1E5

#0ECCF2

#0FD7FF

#0ECCF2 を使ったトーンオントーン

#0ECCF2

#217685

#0C4957

#238ABA

#06A3A6

#178E94

#129CCF

#154354

#0ECCF2

#165A6B

#00577D

#0089BA

#188E96

#003A57

#0ECCF2

#0ECCF2 を使ったトーンイントーン

#23FF86

#FA092D

#8116E5

#0ECCF2

#D4FF00

#FFB521

#0ECCF2

#17FA07

#521BE8

#E01A8A

#2DF722

#FF9D0A

#FF1EAD

#3B00EA

#0ECCF2

#0ECCF2 を使ったカマイユ

#07E1FA

#0ECCF2

#1BCDE8

#00D0FF

#28CBFC

#07D5FA

#23D3FF

#08A8D9

#0ECCF2

#00EAFF

#00D4F5

#17A8D9

#19E2FC

#0ECCF2

#00DBFC

#0ECCF2 を使ったフォカマイユ

#1C94CC

#25DAEA

#21BCFF

#00E6FF

#0ECCF2

#2EE8E2

#00D6FC

#0ECCF2

#23A3FF

#28F4FF

#1EC7FF

#0ECCF2

#199BD3

#00C2D3

#2AFCF9

#0ECCF2 を使ったドミナントカラー

#0ECCF2

#545D5E

#0A3740

#1FCBED

#6AA4B0

#5A95A1

#2AA0B8

#54858F

#0ECCF2

#2C545C

#525E61

#0ECCF2

#52B8CC

#3C565C

#44494A

#0ECCF2 を使ったアイデンティティ

#7BC3D1

#0ECCF2

#2B5C66

#1D8296

#519EAD

#0ECCF2

#43B9D1

#0ECCF2

#427A85

#0ECCF2 を使ったトライアド

#0ECCF2

#F20ECC

#CCF20E

#0ECCF2 を使ったスプリットコンプリメンタリー

#F2800E

#0ECCF2

#F20E34

#0ECCF2 を使ったテトラード

#0ECCF2

#A60EF2

#F2340E

#5AF20E

#0ECCF2 を使ったコントラスト

#0ECCF2

#F2340E

#0ECCF2

#87E0F2

#0ECCF2

#065666

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

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

#0ECCF2

#0ECCF2 の色情報

#0ECCF2 の色相別色一覧

#0ECCF2 の彩度別色一覧

#0ECCF2 の明度別色一覧

#0ECCF2 を使ったトーンオントーン

#0ECCF2 を使ったトーンイントーン

#0ECCF2 を使ったカマイユ

#0ECCF2 を使ったフォカマイユ

#0ECCF2 を使ったドミナントカラー

#0ECCF2 を使ったアイデンティティ

#0ECCF2 を使ったトライアド

#0ECCF2 を使ったスプリットコンプリメンタリー

#0ECCF2 を使ったテトラード

#0ECCF2 を使ったコントラスト