#669CA0｜カラーサイト.com

#669CA0 の色情報

#669CA0

画像
HEX	#669CA0
RGB	R:102 G:156 B:160
RGBの割合	R:40.0% G:61.2% B:62.7%
HSV	H:184.1 S:36.2 V:62.7
HSL	H:184.1 S:23.4 L:51.4
CMY	C:60.0 M:38.8 Y:37.3

CMYK	C:36.2 M:2.5 Y:0.0 K:37.3
YCbCr	Y:136.5 Cb:137.7 Cr:104.0
XYZ	X:23.7 Y:29.1 Z:37.6
xyY	x:0.262 y:0.322 Y:29.1

CIE Lab	L:60.9 a:-16.7 b*:-7.8
CIE LCh	L:60.9 C:18.4 h:204.9
CIE Luv	L:60.9 u:-25.8 v*:-8.9
Hunter Lab	L:54.0 a:-16.1 b:-3.5

#669CA0 の色相別色一覧

#A06A66

#A07966

#A08766

#A09666

#9CA066

#8EA066

#7FA066

#71A066

#66A06A

#66A079

#66A087

#66A096

#669CA0

#668EA0

#667FA0

#6671A0

#6A66A0

#7966A0

#8766A0

#9666A0

#A0669C

#A0668E

#A0667F

#A06671

#669CA0 の彩度別色一覧

#9EA0A0

#969FA0

#8E9FA0

#869EA0

#7E9EA0

#769DA0

#6E9DA0

#669CA0

#5E9BA0

#569BA0

#4E9AA0

#469AA0

#3E99A0

#3699A0

#2E98A0

#2698A0

#1E97A0

#1696A0

#0E96A0

#0695A0

#669CA0 の明度別色一覧

#040707

#0D1314

#152021

#1D2C2D

#25393A

#2D4547

#355154

#3D5E60

#456A6D

#4E777A

#568387

#5E9093

#669CA0

#6EA8AD

#76B5BA

#7EC1C6

#87CED3

#8FDAE0

#97E7ED

#9FF3F9

#669CA0 を使ったトーンオントーン

#669CA0

#94F7F3

#2E4747

#456967

#6CBDC2

#70F4F5

#669CA0

#8DBBC7

#2A5159

#45736E

#6FBACF

#A2F0ED

#669CA0

#214541

#3C7078

#669CA0 を使ったトーンイントーン

#AA7397

#89AF5E

#877AB2

#936D55

#669CA0

#AA985B

#9683B7

#B76A95

#669CA0

#7EAF79

#A3876E

#6A559B

#8E6681

#81AD64

#669CA0

#669CA0 を使ったカマイユ

#6EA4AA

#528E96

#669CA0

#74B0BA

#71ABB4

#669CA0

#64ADAD

#6EB1B4

#71B3B4

#80AAB2

#669CA0

#6C9398

#76ADB7

#71B2B4

#5E9596

#669CA0 を使ったフォカマイユ

#85ACB4

#669CA0

#94BFB8

#559596

#617881

#667B81

#558E9B

#669CA0

#4C8D93

#62C1B6

#669CA0

#6F8E9B

#7EB4AE

#7AADA9

#58979B

#669CA0 を使ったドミナントカラー

#63797A

#A1D3D6

#669CA0

#15868F

#0D656B

#4EE2ED

#3FC7D1

#28393B

#669CA0

#5D7173

#D5E7E8

#148991

#669CA0

#527A7D

#708A8C

#669CA0 を使ったトライアド

#669CA0

#A0669C

#9CA066

#669CA0 を使ったスプリットコンプリメンタリー

#A07D66

#669CA0

#A06675

#669CA0 を使ったテトラード

#669CA0

#8766A0

#A06A66

#7FA066

#669CA0 を使ったコントラスト

#669CA0

#A06A66

#669CA0

#1696A0

#669CA0

#A3F9FF

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

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

#669CA0

#669CA0 の色情報

#669CA0 の色相別色一覧

#669CA0 の彩度別色一覧

#669CA0 の明度別色一覧

#669CA0 を使ったトーンオントーン

#669CA0 を使ったトーンイントーン

#669CA0 を使ったカマイユ

#669CA0 を使ったフォカマイユ

#669CA0 を使ったドミナントカラー

#669CA0 を使ったトライアド

#669CA0 を使ったスプリットコンプリメンタリー

#669CA0 を使ったテトラード

#669CA0 を使ったコントラスト