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

#6BA9F2 の色情報

#6BA9F2

画像
HEX	#6BA9F2
RGB	R:107 G:169 B:242
RGBの割合	R:42.0% G:66.3% B:94.9%
HSV	H:212.4 S:55.8 V:94.9
HSL	H:212.4 S:83.9 L:68.4
CMY	C:58.0 M:33.7 Y:5.1

CMYK	C:55.8 M:30.2 Y:0.0 K:5.1
YCbCr	Y:152.4 Cb:169.2 Cr:95.6
XYZ	X:36.3 Y:37.9 Z:89.4
xyY	x:0.222 y:0.232 Y:37.9

CIE Lab	L:68.0 a:0.8 b*:-42.5
CIE LCh	L:68.0 C:42.6 h:271.1
CIE Luv	L:68.0 u:-28.1 v*:-68.5
Hunter Lab	L:61.6 a:-2.6 b:-43.0

#6BA9F2 の色相別色一覧

#F2716B

#F2926B

#F2B46B

#F2D66B

#EDF26B

#CBF26B

#A9F26B

#87F26B

#6BF271

#6BF292

#6BF2B4

#6BF2D6

#6BEDF2

#6BCBF2

#6BA9F2

#6B87F2

#716BF2

#926BF2

#B46BF2

#D66BF2

#F26BED

#F26BCB

#F26BA9

#F26B87

#6BA9F2 の彩度別色一覧

#F0F1F2

#E4EAF2

#D8E4F2

#CCDDF2

#C0D7F2

#B4D0F2

#A8CAF2

#9BC3F2

#8FBDF2

#83B6F2

#77B0F2

#6BA9F2

#5FA2F2

#539CF2

#4795F2

#3B8FF2

#2F88F2

#2282F2

#167BF2

#0A75F2

#6BA9F2 の明度別色一覧

#06090D

#0B1219

#111B26

#162333

#1C2C40

#22354C

#273E59

#2D4766

#335073

#38597F

#3E628C

#446B99

#4974A6

#4F7CB2

#5485BF

#5A8ECC

#6097D9

#65A0E5

#6BA9F2

#71B2FF

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

#6BA9F2

#1F3752

#305C94

#6D9FC9

#305773

#6BA9F2

#3B87D1

#485F80

#527DA1

#233C54

#3E5675

#6BA9F2

#21445C

#4D75CF

#567794

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

#66EDA6

#BBFC5B

#6BA9F2

#CC52DB

#EF9A7F

#C6F775

#5BEDA2

#E757FF

#6BA9F2

#E07773

#6BA9F2

#52EF78

#E0F562

#CA6BE8

#FF6E8A

#6BA9F2 を使ったカマイユ

#7AA2E5

#6AA1FC

#69B0FF

#6BA9F2

#65A6E0

#8AC7FF

#6BA9F2

#82AFEF

#63A8EA

#568EE0

#6EACFF

#6BA9F2

#5599FA

#77A1DB

#52A1E3

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

#80AEE8

#4262CE

#5471D6

#4C94D9

#6BA9F2

#6B9EE8

#4D81FF

#5C9BF7

#91D3FA

#6BA9F2

#7993D3

#4A78D1

#5074FF

#6BA9F2

#7DCAFF

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

#062E5C

#32363B

#5983B5

#6BA9F2

#E6EEF7

#5A7BA3

#57606B

#95C4FC

#6BA9F2

#2C3138

#647487

#6BA9F2

#3066A6

#2C7CDB

#5B7EA8

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

#1965BF

#6BA9F2

#255185

#3B70AD

#6BA9F2

#062C59

#6BA9F2

#185194

#81A8D6

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

#6BA9F2

#F26BA9

#A9F26B

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

#F2E16B

#6BA9F2

#F2876B

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

#6BA9F2

#F26BED

#F2B46B

#6BF271

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

#6BA9F2

#F2B46B

#6BA9F2

#E4EAF2

#6BA9F2

#2D4766

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

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

#6BA9F2

#6BA9F2 の色情報

#6BA9F2 の色相別色一覧

#6BA9F2 の彩度別色一覧

#6BA9F2 の明度別色一覧

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

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

#6BA9F2 を使ったカマイユ

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

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

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

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

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

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

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