#6BA5E9｜カラーサイト.com

#6BA5E9 の色情報

#6BA5E9

画像
HEX	#6BA5E9
RGB	R:107 G:165 B:233
RGBの割合	R:42.0% G:64.7% B:91.4%
HSV	H:212.4 S:54.1 V:91.4
HSL	H:212.4 S:74.1 L:66.7
CMY	C:58.0 M:35.3 Y:8.6

CMYK	C:54.1 M:29.2 Y:0.0 K:8.6
YCbCr	Y:149.5 Cb:166.4 Cr:97.7
XYZ	X:34.2 Y:35.9 Z:82.2
xyY	x:0.225 y:0.236 Y:35.9

CIE Lab	L:66.5 a:0.3 b*:-40.0
CIE LCh	L:66.5 C:40.0 h:270.4
CIE Luv	L:66.5 u:-26.7 v*:-63.9
Hunter Lab	L:59.9 a:-2.9 b:-39.4

#6BA5E9 の色相別色一覧

#E9706B

#E9906B

#E9AF6B

#E9CF6B

#E4E96B

#C5E96B

#A5E96B

#86E96B

#6BE970

#6BE990

#6BE9AF

#6BE9CF

#6BE4E9

#6BC5E9

#6BA5E9

#6B86E9

#706BE9

#906BE9

#AF6BE9

#CF6BE9

#E96BE4

#E96BC5

#E96BA5

#E96B86

#6BA5E9 の彩度別色一覧

#E0E4E9

#D4DEE9

#C8D7E9

#BDD1E9

#B1CBE9

#A5C4E9

#9ABEE9

#8EB8E9

#82B2E9

#77ABE9

#6BA5E9

#5F9FE9

#5498E9

#4892E9

#3C8CE9

#3186E9

#257FE9

#1979E9

#0E73E9

#026CE9

#6BA5E9 の明度別色一覧

#020204

#070C10

#0D151D

#131E2A

#192737

#1F3043

#253950

#2B425D

#304B6A

#365476

#3C5D83

#426690

#486F9D

#4E78A9

#5481B6

#598AC3

#5F93D0

#659CDC

#6BA5E9

#71AEF6

#6BA5E9 を使ったトーンオントーン

#43679C

#6BA5E9

#5C9AC4

#374557

#23437A

#3F5678

#2A3757

#47719E

#6BA5E9

#3181B5

#6BA5E9

#458EC4

#436D8C

#1E3E52

#445270

#6BA5E9 を使ったトーンイントーン

#F88196

#C376F6

#E2E47D

#6BA5E9

#7CF8A6

#F88370

#6BA5E9

#66EE99

#E0FB7B

#C562DF

#DFD762

#6BA5E9

#B75BD0

#F37E8D

#6ED787

#6BA5E9 を使ったカマイユ

#61A5E1

#75A2DA

#618FDC

#6CA7F1

#6BA5E9

#6FA7DA

#6BA5E9

#659CEC

#84C4FD

#6DADFD

#74A3DF

#6BA5E9

#6A9ED0

#6695D5

#6AA8DC

#6BA5E9 を使ったフォカマイユ

#4E6CD2

#6BA5E9

#4577D7

#566DC3

#6BB3F3

#6E8CC5

#4E80FB

#7DB7DC

#6BA5E9

#4FB7FF

#54B4DF

#6BA5E9

#9BD5FF

#80A2DA

#57B6F3

#6BA5E9 を使ったドミナントカラー

#6582A3

#6BA5E9

#317CD4

#618ABA

#3B516B

#2A2E33

#203957

#3E6796

#6BA5E9

#3D6491

#5E98DB

#6BA5E9

#5B6066

#2B5687

#5D7694

#6BA5E9 を使ったアイデンティティ

#6BA5E9

#0C4E9C

#254B78

#0B478C

#7E9BBD

#6BA5E9

#2170CC

#42566E

#6BA5E9

#6BA5E9 を使ったトライアド

#6BA5E9

#E96BA5

#A5E96B

#6BA5E9 を使ったスプリットコンプリメンタリー

#E9D96B

#6BA5E9

#E9856B

#6BA5E9 を使ったテトラード

#6BA5E9

#E96BE4

#E9AF6B

#6BE970

#6BA5E9 を使ったコントラスト

#6BA5E9

#E9AF6B

#6BA5E9

#E0E4E9

#6BA5E9

#2F4866

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

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

#6BA5E9

#6BA5E9 の色情報

#6BA5E9 の色相別色一覧

#6BA5E9 の彩度別色一覧

#6BA5E9 の明度別色一覧

#6BA5E9 を使ったトーンオントーン

#6BA5E9 を使ったトーンイントーン

#6BA5E9 を使ったカマイユ

#6BA5E9 を使ったフォカマイユ

#6BA5E9 を使ったドミナントカラー

#6BA5E9 を使ったアイデンティティ

#6BA5E9 を使ったトライアド

#6BA5E9 を使ったスプリットコンプリメンタリー

#6BA5E9 を使ったテトラード

#6BA5E9 を使ったコントラスト