#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 を使ったトーンオントーン

#3C637D

#45618C

#377CBA

#384A54

#6BA6E2

#5282B0

#6384A1

#1B3247

#25417A

#6BA6E2

#1B4159

#4D6880

#567C9C

#6BA6E2

#4284BF

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

#61DAB8

#C973D8

#6BA6E2

#D57C69

#A6EC5D

#6BA6E2

#E5638C

#B85DEC

#7BE772

#EAD684

#6BA6E2

#C15DE7

#74DD95

#EC808E

#EAE67A

#6BA6E2 を使ったカマイユ

#6FA8EF

#87BFF4

#6BA6E2

#5DA2EC

#588BCB

#53A2DF

#79ABDA

#5C91CB

#6BA6E2

#5BA4DD

#6BA6E2

#83C0EC

#7EBAE5

#4C80CB

#83B0EC

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

#77B8D3

#85ADF9

#58C1FF

#6BA6E2

#7CC8FC

#8FB6F1

#7795F1

#67CCEF

#6BA6E2

#6CD0FF

#7B92CB

#5BB1F4

#4673D8

#82A9F9

#6BA6E2

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

#6599CF

#1E68B3

#568ABF

#46688A

#6BA6E2

#819BB5

#6BA9E8

#494D52

#93C3F5

#6BA6E2

#072C52

#88A3BF

#3B3E40

#6BA6E2

#297ACC

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

#124880

#6583A1

#6BA6E2

#286CB0

#435A70

#6BA6E2

#084E96

#32608F

#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 を使ったコントラスト