#6877A2｜カラーサイト.com

#6877A2 の色情報

#6877A2

画像
HEX	#6877A2
RGB	R:104 G:119 B:162
RGBの割合	R:40.8% G:46.7% B:63.5%
HSV	H:224.5 S:35.8 V:63.5
HSL	H:224.5 S:23.8 L:52.2
CMY	C:59.2 M:53.3 Y:36.5

CMYK	C:35.8 M:26.5 Y:0.0 K:36.5
YCbCr	Y:118.6 Cb:149.1 Cr:118.4
XYZ	X:18.8 Y:18.7 Z:36.8
xyY	x:0.253 y:0.252 Y:18.7

CIE Lab	L:50.4 a:5.3 b*:-24.9
CIE LCh	L:50.4 C:25.4 h:282.0
CIE Luv	L:50.4 u:-9.5 v*:-37.5
Hunter Lab	L:43.3 a:1.9 b:-20.1

#6877A2 の色相別色一覧

#A27668

#A28568

#A29368

#A2A268

#94A268

#86A268

#77A268

#69A268

#68A276

#68A285

#68A293

#68A2A2

#6894A2

#6886A2

#6877A2

#6869A2

#7668A2

#8568A2

#9368A2

#A268A2

#A26894

#A26886

#A26877

#A26869

#6877A2 の彩度別色一覧

#A1A1A2

#999BA2

#9195A2

#888FA2

#8089A2

#7883A2

#707DA2

#6877A2

#6071A2

#586BA2

#5065A2

#485FA2

#4059A2

#3753A2

#2F4DA2

#2747A2

#1F41A2

#173BA2

#0F35A2

#072FA2

#6877A2 の明度別色一覧

#060709

#0E1016

#161923

#1E232F

#272C3C

#2F3549

#373F56

#3F4862

#47526F

#4F5B7C

#586489

#606E95

#6877A2

#7080AF

#788ABC

#8193C8

#899CD5

#91A6E2

#99AFEF

#A1B9FB

#6877A2 を使ったトーンオントーン

#A3B6D4

#334359

#6877A2

#414B80

#7892EB

#99ACD4

#6877A2

#2D334F

#5B6678

#6895E6

#404869

#6877A2

#304057

#8391E6

#B0B4D6

#6877A2 を使ったトーンイントーン

#6877A2

#64897B

#8A9D74

#9A6F9A

#BC816D

#6877A2

#7CA793

#9A6C96

#B98073

#7B9852

#639379

#A774AC

#9EAF74

#906768

#6877A2

#6877A2 を使ったカマイユ

#5B6E95

#6877A2

#5E6EA7

#5B6B90

#6B769A

#7783B1

#7186B6

#6877A2

#545E90

#7287AF

#6D83B1

#5A6B9F

#6877A2

#75839F

#616F93

#6877A2 を使ったフォカマイユ

#6877A2

#6A75B9

#697195

#666FAF

#99A9C3

#62647C

#6F7B8E

#557295

#6877A2

#6B84B1

#63748E

#6877A2

#515189

#6C7CB4

#435781

#6877A2 を使ったドミナントカラー

#6877A2

#2F3340

#1A3FAB

#AEC0F5

#9EA5B8

#083BCC

#5B6FA8

#3461E3

#6877A2

#273252

#8DA7F0

#6877A2

#95979E

#51618C

#9CA1AD

#6877A2 を使ったアイデンティティ

#6877A2

#819FF7

#092882

#6877A2

#1F4BCC

#213161

#6877A2

#354A87

#2553D9

#6877A2 を使ったトライアド

#6877A2

#A26877

#77A268

#6877A2 を使ったスプリットコンプリメンタリー

#9EA268

#6877A2

#A28068

#6877A2 を使ったテトラード

#6877A2

#A26894

#A29368

#68A276

#6877A2 を使ったコントラスト

#6877A2

#A29368

#6877A2

#173BA2

#6877A2

#A4BBFF

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

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

#6877A2

#6877A2 の色情報

#6877A2 の色相別色一覧

#6877A2 の彩度別色一覧

#6877A2 の明度別色一覧

#6877A2 を使ったトーンオントーン

#6877A2 を使ったトーンイントーン

#6877A2 を使ったカマイユ

#6877A2 を使ったフォカマイユ

#6877A2 を使ったドミナントカラー

#6877A2 を使ったアイデンティティ

#6877A2 を使ったトライアド

#6877A2 を使ったスプリットコンプリメンタリー

#6877A2 を使ったテトラード

#6877A2 を使ったコントラスト