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

#6BECF2 の色情報

#6BECF2

画像
HEX	#6BECF2
RGB	R:107 G:236 B:242
RGBの割合	R:42.0% G:92.5% B:94.9%
HSV	H:182.7 S:55.8 V:94.9
HSL	H:182.7 S:83.9 L:68.4
CMY	C:58.0 M:7.5 Y:5.1

CMYK	C:55.8 M:2.5 Y:0.0 K:5.1
YCbCr	Y:186.2 Cb:149.7 Cr:70.9
XYZ	X:52.1 Y:69.5 Z:94.7
xyY	x:0.241 y:0.321 Y:69.5

CIE Lab	L:86.8 a:-33.8 b*:-13.7
CIE LCh	L:86.8 C:36.5 h:202.1
CIE Luv	L:86.8 u:-52.9 v*:-16.4
Hunter Lab	L:83.4 a:-34.4 b:-9.0

#6BECF2 の色相別色一覧

#F2716B

#F2936B

#F2B56B

#F2D66B

#ECF26B

#CAF26B

#A9F26B

#87F26B

#6BF271

#6BF293

#6BF2B5

#6BF2D6

#6BECF2

#6BCAF2

#6BA9F2

#6B87F2

#716BF2

#936BF2

#B56BF2

#D66BF2

#F26BEC

#F26BCA

#F26BA9

#F26B87

#6BECF2 の彩度別色一覧

#F0F2F2

#E4F1F2

#D8F1F2

#CCF0F2

#C0F0F2

#B4EFF2

#A8EFF2

#9BEEF2

#8FEEF2

#83EDF2

#77EDF2

#6BECF2

#5FEBF2

#53EBF2

#47EAF2

#3BEAF2

#2FE9F2

#22E9F2

#16E8F2

#0AE8F2

#6BECF2 の明度別色一覧

#060C0D

#0B1919

#112526

#163133

#1C3E40

#224A4C

#275759

#2D6366

#337073

#387C7F

#3E898C

#449599

#49A1A6

#4FAEB2

#54BABF

#5AC7CC

#60D3D9

#65E0E5

#6BECF2

#71F8FF

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

#51909C

#6BECF2

#2F767A

#3BD1CB

#1A5457

#2C5152

#226A7D

#6AB2BD

#6BECF2

#4F99A8

#6AA2AB

#1D5E5E

#6BECF2

#44CCC2

#2C7B7D

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

#E5A053

#7F57D9

#ACFF73

#6BECF2

#FF6ECB

#DBC967

#5BED6D

#6BECF2

#FF76BB

#8A73FF

#EA8A65

#887FEF

#EF65D2

#8ED962

#6BECF2

#6BECF2 を使ったカマイユ

#6FEAE6

#5CF5FF

#6BECF2

#88F2FF

#67FBFF

#6BECF2

#7BF7FF

#61FFF9

#65D0DB

#64DADE

#5FFFFE

#6BECF2

#5AF2FF

#53E9EA

#68D9E5

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

#76D5D6

#59BBDE

#6BECF2

#53D9CD

#61E6FF

#7DFFE7

#6BECF2

#71EAE0

#72DBC9

#89E8E4

#6BD6D0

#85D1E0

#73C0CC

#6BECF2

#52FFE4

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

#6BECF2

#5A888A

#3A6669

#7FB3B5

#385557

#364B4D

#6BECF2

#6A999C

#033336

#85C9CC

#3A9CA1

#14484A

#6BECF2

#45F7FF

#24B8BF

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

#059CA3

#6BECF2

#50878A

#6BECF2

#16B3BA

#517678

#136569

#80CDD1

#6BECF2

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

#6BECF2

#F26BEC

#ECF26B

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

#F29E6B

#6BECF2

#F26B92

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

#6BECF2

#B56BF2

#F2716B

#A9F26B

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

#6BECF2

#F2716B

#6BECF2

#E4F1F2

#6BECF2

#2D6366

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

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

#6BECF2

#6BECF2 の色情報

#6BECF2 の色相別色一覧

#6BECF2 の彩度別色一覧

#6BECF2 の明度別色一覧

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

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

#6BECF2 を使ったカマイユ

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

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

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

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

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

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

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