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

#669EEA の色情報

#669EEA

画像
HEX	#669EEA
RGB	R:102 G:158 B:234
RGBの割合	R:40.0% G:62.0% B:91.8%
HSV	H:214.5 S:56.4 V:91.8
HSL	H:214.5 S:75.9 L:65.9
CMY	C:60.0 M:38.0 Y:8.2

CMYK	C:56.4 M:32.5 Y:0.0 K:8.2
YCbCr	Y:144.8 Cb:169.7 Cr:98.0
XYZ	X:32.6 Y:33.2 Z:82.5
xyY	x:0.220 y:0.224 Y:33.2

CIE Lab	L:64.3 a:3.6 b*:-43.9
CIE LCh	L:64.3 C:44.0 h:274.6
CIE Luv	L:64.3 u:-25.6 v*:-70.5
Hunter Lab	L:57.6 a:-0.0 b:-44.6

#669EEA の色相別色一覧

#EA7066

#EA9166

#EAB266

#EAD366

#E0EA66

#BFEA66

#9EEA66

#7DEA66

#66EA70

#66EA91

#66EAB2

#66EAD3

#66E0EA

#66BFEA

#669EEA

#667DEA

#7066EA

#9166EA

#B266EA

#D366EA

#EA66E0

#EA66BF

#EA669E

#EA667D

#669EEA の彩度別色一覧

#E7E8EA

#DBE1EA

#CFDBEA

#C4D4EA

#B8CDEA

#ACC6EA

#A1C0EA

#95B9EA

#89B2EA

#7DABEA

#72A5EA

#669EEA

#5A97EA

#4F91EA

#438AEA

#3783EA

#2C7CEA

#2076EA

#146FEA

#0868EA

#669EEA の明度別色一覧

#020305

#080C11

#0D141E

#131D2B

#182538

#1E2E44

#233751

#293F5E

#2E486B

#345177

#3A5984

#3F6291

#456A9E

#4A73AA

#507CB7

#5584C4

#5B8DD1

#6095DD

#669EEA

#6CA7F7

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

#3866A3

#344969

#669EEA

#3E6EC4

#253E54

#20314A

#669EEA

#6290B8

#3E596B

#4F6A94

#2E3B4A

#1D3878

#3075BD

#3E599C

#669EEA

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

#CEF457

#669EEA

#D85A63

#B74FD8

#7FEDAF

#62D374

#F5FF5B

#669EEA

#D64852

#C871DB

#F98481

#669EEA

#C0D36F

#79FEBD

#D972F4

#669EEA を使ったカマイユ

#61A7EF

#60A0F2

#7EB0FE

#659FFF

#669EEA

#6EADF7

#669EEA

#86BBF9

#497ED8

#709FD1

#669EEA

#6A94E7

#4D91D3

#75AAFC

#5193E2

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

#74A4FF

#86C1E5

#86A3FF

#669EEA

#52B4FC

#4A8AC4

#669EEA

#6AC7FF

#3C58CB

#7988CE

#7C8DE2

#81C0F2

#5E8CF4

#669EEA

#6695C6

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

#A0BADE

#205AA8

#669EEA

#0547A1

#304057

#669EEA

#B0B8C2

#003173

#093673

#2170DB

#3380E8

#1A4278

#626870

#1E4A85

#669EEA

#669EEA を使ったアイデンティティ

#87A3C9

#669EEA

#194785

#669EEA

#0C2F5E

#728CB0

#133D75

#669EEA

#88A6CF

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

#669EEA

#EA669E

#9EEA66

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

#EADE66

#669EEA

#EA8666

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

#669EEA

#EA66E0

#EAB266

#66EA70

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

#669EEA

#EAB266

#669EEA

#DBE1EA

#669EEA

#2C4566

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

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

#669EEA

#669EEA の色情報

#669EEA の色相別色一覧

#669EEA の彩度別色一覧

#669EEA の明度別色一覧

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

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

#669EEA を使ったカマイユ

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

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

#669EEA を使ったアイデンティティ

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

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

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

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