#6670D0｜カラーサイト.com

#6670D0 の色情報

#6670D0

画像
HEX	#6670D0
RGB	R:102 G:112 B:208
RGBの割合	R:40.0% G:43.9% B:81.6%
HSV	H:234.3 S:51.0 V:81.6
HSL	H:234.3 S:53.0 L:60.8
CMY	C:60.0 M:56.1 Y:18.4

CMYK	C:51.0 M:46.2 Y:0.0 K:18.4
YCbCr	Y:119.0 Cb:171.6 Cr:116.8
XYZ	X:22.7 Y:19.0 Z:62.1
xyY	x:0.218 y:0.183 Y:19.0

CIE Lab	L:50.6 a:22.7 b*:-51.0
CIE LCh	L:50.6 C:55.8 h:294.0
CIE Luv	L:50.6 u:-9.4 v*:-80.6
Hunter Lab	L:43.6 a:16.7 b:-54.1

#6670D0 の色相別色一覧

#D07766

#D09166

#D0AC66

#D0C666

#C0D066

#A5D066

#8BD066

#70D066

#66D077

#66D091

#66D0AC

#66D0C6

#66C0D0

#66A5D0

#668BD0

#6670D0

#7766D0

#9166D0

#AC66D0

#C666D0

#D066C0

#D066A5

#D0668B

#D06670

#6670D0 の彩度別色一覧

#CECED0

#C4C5D0

#B9BBD0

#AFB2D0

#A4A9D0

#9A9FD0

#9096D0

#858CD0

#7B83D0

#7079D0

#6670D0

#5C67D0

#515DD0

#4754D0

#3C4AD0

#3241D0

#2837D0

#1D2ED0

#1325D0

#081BD0

#6670D0 の明度別色一覧

#020204

#080911

#0E101E

#15172A

#1B1E37

#212444

#272B51

#2E325D

#34396A

#3A4077

#404784

#474E90

#4D559D

#535BAA

#5962B7

#6069C3

#6670D0

#6C77DD

#737EEA

#7985F6

#6670D0 を使ったトーンオントーン

#27314F

#312D80

#636BB0

#716DA1

#6670D0

#5D62A1

#A5B8F0

#3B3678

#6670D0

#2E3159

#333854

#2F389E

#7476F7

#4D4A75

#6670D0

#6670D0 を使ったトーンイントーン

#6670D0

#C653C1

#C66355

#B4DD63

#59CBA8

#6670D0

#98C35C

#D8896C

#C655B4

#6DBC9A

#8DC364

#6670D0

#C673C4

#6DC3B8

#E29576

#6670D0 を使ったカマイユ

#6263C1

#6670D0

#747DCB

#4A56B9

#7C81D5

#6670D0

#525ACD

#5A5DC3

#687CD8

#585ABE

#6670D0

#6669DD

#6A73DD

#7F8FDF

#7C88E2

#6670D0 を使ったフォカマイユ

#6670D0

#7488CB

#5457BC

#6C85F6

#948CEA

#6779E4

#6670D0

#829DDD

#7466DD

#6169AC

#5747C6

#5E65F1

#6670D0

#696AAA

#494FB1

#6670D0 を使ったドミナントカラー

#6670D0

#252E85

#1C225C

#333FB0

#050D54

#8189D6

#071CE3

#131845

#6670D0

#3E49B5

#202978

#6C709E

#6670D0

#848699

#5461DE

#6670D0 を使ったアイデンティティ

#3E4FF7

#293391

#6670D0

#131A5E

#6670D0

#6066A1

#101861

#6670D0

#636896

#6670D0 を使ったトライアド

#6670D0

#D06670

#70D066

#6670D0 を使ったスプリットコンプリメンタリー

#B7D066

#6670D0

#D0A366

#6670D0 を使ったテトラード

#6670D0

#D066A5

#D0C666

#66D091

#6670D0 を使ったコントラスト

#6670D0

#D0C666

#6670D0

#CECED0

#6670D0

#323766

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

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

#6670D0

#6670D0 の色情報

#6670D0 の色相別色一覧

#6670D0 の彩度別色一覧

#6670D0 の明度別色一覧

#6670D0 を使ったトーンオントーン

#6670D0 を使ったトーンイントーン

#6670D0 を使ったカマイユ

#6670D0 を使ったフォカマイユ

#6670D0 を使ったドミナントカラー

#6670D0 を使ったアイデンティティ

#6670D0 を使ったトライアド

#6670D0 を使ったスプリットコンプリメンタリー

#6670D0 を使ったテトラード

#6670D0 を使ったコントラスト