#6486A0｜カラーサイト.com

#6486A0 の色情報

#6486A0

画像
HEX	#6486A0
RGB	R:100 G:134 B:160
RGBの割合	R:39.2% G:52.5% B:62.7%
HSV	H:206.0 S:37.5 V:62.7
HSL	H:206.0 S:24.0 L:51.0
CMY	C:60.8 M:47.5 Y:37.3

CMYK	C:37.5 M:16.2 Y:0.0 K:37.3
YCbCr	Y:124.9 Cb:144.4 Cr:111.2
XYZ	X:20.1 Y:22.3 Z:36.5
xyY	x:0.255 y:0.283 Y:22.3

CIE Lab	L:54.3 a:-5.2 b*:-17.7
CIE LCh	L:54.3 C:18.4 h:253.7
CIE Luv	L:54.3 u:-17.3 v*:-25.4
Hunter Lab	L:47.2 a:-6.6 b:-12.8

#6486A0 の色相別色一覧

#A06F64

#A07E64

#A08D64

#A09C64

#95A064

#86A064

#77A064

#68A064

#64A06F

#64A07E

#64A08D

#64A09C

#6495A0

#6486A0

#6477A0

#6468A0

#6F64A0

#7E64A0

#8D64A0

#9C64A0

#A06495

#A06486

#A06477

#A06468

#6486A0 の彩度別色一覧

#9C9EA0

#949BA0

#8C97A0

#8494A0

#7C90A0

#748DA0

#6C89A0

#6486A0

#5C83A0

#547FA0

#4C7CA0

#4478A0

#3C75A0

#3471A0

#2C6EA0

#246AA0

#1C67A0

#1463A0

#0C60A0

#045CA0

#6486A0 の明度別色一覧

#040607

#0C1114

#141B21

#1C262D

#24313A

#2C3B47

#344654

#3C5160

#445B6D

#4C667A

#547187

#5C7B93

#6486A0

#6C91AD

#749BBA

#7CA6C6

#84B1D3

#8CBBE0

#94C6ED

#9CD1F9

#6486A0 を使ったトーンオントーン

#8AB4C7

#6486A0

#B7D9F0

#4B6D80

#3E464F

#6486A0

#5B9BCC

#3D525C

#A3CCEB

#4A667A

#6486A0

#2A3B45

#6FACC4

#365B7D

#B6CDE6

#6486A0 を使ったトーンイントーン

#A27DAD

#965F66

#8E8E66

#6486A0

#608769

#875AA8

#6486A0

#78A588

#AA5B6F

#83875D

#B46F83

#6486A0

#59A35B

#816091

#968658

#6486A0 を使ったカマイユ

#5F7A96

#648198

#507087

#70A0BA

#6486A0

#5C88AF

#57758E

#4D7393

#5F8AA5

#6486A0

#7697BA

#53788C

#7B95AA

#6486A0

#5F7687

#6486A0 を使ったフォカマイユ

#647281

#6F8EAA

#6486A0

#687A96

#4F8393

#7D9EA5

#455D84

#6486A0

#72ADC4

#6696C6

#5F768E

#738CA5

#6486A0

#7FAFBA

#3F597A

#6486A0 を使ったドミナントカラー

#365F80

#6486A0

#929AA1

#264257

#335169

#C7DBEB

#6486A0

#E6F1FA

#18364D

#5A7285

#34383B

#849099

#3D607A

#6486A0

#173D59

#6486A0 を使ったアイデンティティ

#033D69

#6486A0

#54ACF0

#3D91D1

#6486A0

#064778

#5B95C2

#6486A0

#3696E0

#6486A0 を使ったトライアド

#6486A0

#A06486

#86A064

#6486A0 を使ったスプリットコンプリメンタリー

#A09264

#6486A0

#A06A64

#6486A0 を使ったテトラード

#6486A0

#9C64A0

#A07E64

#68A064

#6486A0 を使ったコントラスト

#6486A0

#A07E64

#6486A0

#1463A0

#6486A0

#9FD6FF

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

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

#6486A0

#6486A0 の色情報

#6486A0 の色相別色一覧

#6486A0 の彩度別色一覧

#6486A0 の明度別色一覧

#6486A0 を使ったトーンオントーン

#6486A0 を使ったトーンイントーン

#6486A0 を使ったカマイユ

#6486A0 を使ったフォカマイユ

#6486A0 を使ったドミナントカラー

#6486A0 を使ったアイデンティティ

#6486A0 を使ったトライアド

#6486A0 を使ったスプリットコンプリメンタリー

#6486A0 を使ったテトラード

#6486A0 を使ったコントラスト