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

#6BA6E2 の色情報

#6BA6E2

画像
HEX	#6BA6E2
RGB	R:107 G:166 B:226
RGBの割合	R:42.0% G:65.1% B:88.6%
HSV	H:210.3 S:52.7 V:88.6
HSL	H:210.3 S:67.2 L:65.3
CMY	C:58.0 M:34.9 Y:11.4

CMYK	C:52.7 M:26.5 Y:0.0 K:11.4
YCbCr	Y:149.3 Cb:163.1 Cr:97.8
XYZ	X:33.4 Y:35.9 Z:77.1
xyY	x:0.228 y:0.245 Y:35.9

CIE Lab	L:66.4 a:-2.4 b*:-36.2
CIE LCh	L:66.4 C:36.2 h:266.2
CIE Luv	L:66.4 u:-27.2 v*:-57.1
Hunter Lab	L:59.9 a:-5.2 b:-34.4

#6BA6E2 の色相別色一覧

#E26C6B

#E2896B

#E2A76B

#E2C56B

#E2E26B

#C4E26B

#A6E26B

#88E26B

#6BE26C

#6BE289

#6BE2A7

#6BE2C5

#6BE2E2

#6BC4E2

#6BA6E2

#6B88E2

#6C6BE2

#896BE2

#A76BE2

#C56BE2

#E26BE2

#E26BC4

#E26BA6

#E26B88

#6BA6E2 の彩度別色一覧

#DCDFE2

#D1D9E2

#C5D4E2

#BACEE2

#AFC8E2

#A4C2E2

#98BDE2

#8DB7E2

#82B1E2

#76ACE2

#6BA6E2

#60A0E2

#549BE2

#4995E2

#3E8FE2

#338AE2

#2784E2

#1C7EE2

#1178E2

#0573E2

#6BA6E2 の明度別色一覧

#040709

#0A1016

#101A23

#162330

#1D2C3C

#233649

#293F56

#2F4863

#35526F

#3B5B7C

#416489

#476E96

#4D77A2

#5381AF

#598ABC

#5F93C9

#659DD5

#6BA6E2

#71AFEF

#77B9FC

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

#354454

#37589C

#31597A

#6BA6E2

#718FBF

#6BA6E2

#527399

#53647D

#6684B3

#2F4454

#6BA6E2

#5E84C7

#4883A3

#1D304F

#445D75

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

#F47D8B

#C5CB54

#6BA6E2

#53D367

#9C59CE

#6BA6E2

#7EF1BC

#ABE555

#D175EC

#D0746D

#A96DC9

#6FC981

#D86477

#EAE273

#6BA6E2

#6BA6E2 を使ったカマイユ

#6BA6E2

#5298CB

#76A2D5

#7DB6F4

#8FCAF9

#84BBEA

#6BA6E2

#5EA7FC

#7BB2DA

#73A8EF

#79AEEC

#5D9CCE

#6C9FDA

#5C9CF6

#6BA6E2

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

#6BA6E2

#419FC9

#6A9CF4

#6A8DD8

#61A2FE

#7FD1EF

#72ACC1

#70A5F6

#6BA6E2

#85BEFF

#86C7F6

#6296FF

#5F8BFE

#6BA6E2

#59B5F4

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

#6BA6E2

#6B7987

#ACCFF2

#49627A

#5085BA

#4295EB

#2767A8

#416F9E

#7E8891

#6BA6E2

#252C33

#45505C

#474B4F

#69A2DB

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

#6BA6E2

#97CAFC

#194673

#6BA6E2

#ACD4FC

#0A3A6B

#6BA6E2

#115191

#59ABFF

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

#6BA6E2

#E26BA6

#A6E26B

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

#E2CF6B

#6BA6E2

#E27F6B

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

#6BA6E2

#E26BE2

#E2A76B

#6BE26C

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

#6BA6E2

#E2A76B

#6BA6E2

#DCDFE2

#6BA6E2

#304B66

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

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

#6BA6E2

#6BA6E2 の色情報

#6BA6E2 の色相別色一覧

#6BA6E2 の彩度別色一覧

#6BA6E2 の明度別色一覧

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

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

#6BA6E2 を使ったカマイユ

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

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

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

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

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

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

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