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

#6BA2F0 の色情報

#6BA2F0

画像
HEX	#6BA2F0
RGB	R:107 G:162 B:240
RGBの割合	R:42.0% G:63.5% B:94.1%
HSV	H:215.2 S:55.4 V:94.1
HSL	H:215.2 S:81.6 L:68.0
CMY	C:58.0 M:36.5 Y:5.9

CMYK	C:55.4 M:32.5 Y:0.0 K:5.9
YCbCr	Y:148.7 Cb:170.4 Cr:98.3
XYZ	X:34.7 Y:35.3 Z:87.4
xyY	x:0.221 y:0.224 Y:35.3

CIE Lab	L:65.9 a:4.2 b*:-44.6
CIE LCh	L:65.9 C:44.8 h:275.3
CIE Luv	L:65.9 u:-25.6 v*:-72.1
Hunter Lab	L:59.4 a:0.4 b:-45.7

#6BA2F0 の色相別色一覧

#F0776B

#F0986B

#F0B96B

#F0DA6B

#E5F06B

#C3F06B

#A2F06B

#81F06B

#6BF077

#6BF098

#6BF0B9

#6BF0DA

#6BE5F0

#6BC3F0

#6BA2F0

#6B81F0

#776BF0

#986BF0

#B96BF0

#DA6BF0

#F06BE5

#F06BC3

#F06BA2

#F06B81

#6BA2F0 の彩度別色一覧

#EFEFF0

#E3E8F0

#D7E1F0

#CBDAF0

#BFD3F0

#B3CCF0

#A7C5F0

#9BBEF0

#8FB7F0

#83B0F0

#77A9F0

#6BA2F0

#5F9BF0

#5394F0

#478DF0

#3B86F0

#2F7FF0

#2378F0

#1771F0

#0B6AF0

#6BA2F0 の明度別色一覧

#05070B

#0A1017

#101824

#162131

#1B2A3E

#21324A

#273B57

#2C4364

#324C71

#38557D

#3E5D8A

#436697

#496EA4

#4F77B0

#5480BD

#5A88CA

#6091D7

#6599E3

#6BA2F0

#71ABFD

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

#5E7499

#162B57

#40627D

#637EBF

#6BA2F0

#327EBD

#5A6C91

#6BA2F0

#163C57

#25437D

#6BA2F0

#1A324D

#306699

#5D88B8

#3F5273

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

#6BA2F0

#E86753

#DF78F3

#5CFA81

#DAF362

#C9E373

#6BA2F0

#FF9986

#CB72E1

#78E8BC

#FF605D

#59D779

#C0D755

#B54DDE

#6BA2F0

#6BA2F0 を使ったカマイユ

#5290ED

#58A5F8

#78B1FD

#6BA2F0

#7394D7

#6BA2F0

#6691E1

#74B2FF

#7EA2EB

#84B2FF

#6598FF

#6DACFF

#6798ED

#6BA2F0

#789ADC

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

#68C3F5

#6BA2F0

#4177CF

#5D8DFF

#589FEB

#6D87D4

#6BA2F0

#80B9EB

#607DFF

#566FCA

#98D4FF

#89D1FF

#569DD4

#70A4CC

#6BA2F0

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

#6BA2F0

#6988B5

#798DA8

#777E87

#213D66

#072A5C

#1A4787

#6BA2F0

#04285C

#5886C7

#6BA2F0

#B7BEC7

#9EAABA

#9BACC4

#BFCEE3

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

#0A3169

#6BA2F0

#7A97BF

#062F69

#607BA1

#6BA2F0

#184585

#7999C7

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

#6BA2F0

#F06BA2

#A2F06B

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

#F0E56B

#6BA2F0

#F08D6B

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

#6BA2F0

#F06BE5

#F0B96B

#6BF077

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

#6BA2F0

#F0B96B

#6BA2F0

#E3E8F0

#6BA2F0

#2D4566

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

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

#6BA2F0

#6BA2F0 の色情報

#6BA2F0 の色相別色一覧

#6BA2F0 の彩度別色一覧

#6BA2F0 の明度別色一覧

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

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

#6BA2F0 を使ったカマイユ

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

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

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

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

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

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

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