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

#6BAAE2 の色情報

#6BAAE2

画像
HEX	#6BAAE2
RGB	R:107 G:170 B:226
RGBの割合	R:42.0% G:66.7% B:88.6%
HSV	H:208.2 S:52.7 V:88.6
HSL	H:208.2 S:67.2 L:65.3
CMY	C:58.0 M:33.3 Y:11.4

CMYK	C:52.7 M:24.8 Y:0.0 K:11.4
YCbCr	Y:151.3 Cb:161.9 Cr:96.4
XYZ	X:34.2 Y:37.4 Z:77.4
xyY	x:0.229 y:0.251 Y:37.4

CIE Lab	L:67.5 a:-4.6 b*:-34.4
CIE LCh	L:67.5 C:34.7 h:262.3
CIE Luv	L:67.5 u:-28.7 v*:-54.0
Hunter Lab	L:61.1 a:-7.2 b:-32.3

#6BAAE2 の色相別色一覧

#E2856B

#E2A36B

#E2C16B

#E2DF6B

#C8E26B

#AAE26B

#8CE26B

#6FE26B

#6BE285

#6BE2A3

#6BE2C1

#6BE2DF

#6BC8E2

#6BAAE2

#6B8CE2

#6B6FE2

#856BE2

#A36BE2

#C16BE2

#DF6BE2

#E26BC8

#E26BAA

#E26B8C

#E26B6F

#6BAAE2 の彩度別色一覧

#DCDFE2

#D1DAE2

#C5D5E2

#BACFE2

#AFCAE2

#A4C5E2

#98BFE2

#8DBAE2

#82B5E2

#76AFE2

#6BAAE2

#60A5E2

#549FE2

#499AE2

#3E95E2

#338FE2

#278AE2

#1C85E2

#117FE2

#057AE2

#6BAAE2 の明度別色一覧

#040709

#0A1116

#101A23

#162430

#1D2D3C

#233749

#294156

#2F4A63

#35546F

#3B5D7C

#416789

#477096

#4D7AA2

#5384AF

#598DBC

#5F97C9

#65A0D5

#6BAAE2

#71B4EF

#77BDFC

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

#2F4554

#6BAAE2

#5F80B5

#355E91

#204C69

#495E73

#6BAAE2

#39759C

#346DB3

#283A45

#6BAAE2

#4485C7

#4A6B94

#274B6B

#344357

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

#6BAAE2

#C1C959

#67D58E

#C96778

#CE67F9

#6BAAE2

#A653DF

#CE6A8C

#FCD884

#5BC94F

#CE768A

#6BAAE2

#C389F4

#D5C85C

#59D853

#6BAAE2 を使ったカマイユ

#6BAAE2

#83BEF6

#659CDF

#6BA2E7

#64A2DD

#5596C9

#6BAAE2

#79B1DF

#6D9FDD

#62A0E7

#79A9DF

#759FD0

#82B7F9

#6BAAE2

#85CCF9

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

#71BAFF

#4AB2D3

#81C9DD

#6BAAE2

#809AD8

#5286FF

#8CDAF9

#9AB6FF

#6BAAE2

#728CC6

#7FA1CB

#6C9AFF

#4F87D3

#7EABD0

#6BAAE2

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

#2D8EE3

#6BAAE2

#7791A8

#303E4A

#A8C7E3

#1379D4

#1C5587

#6BAAE2

#8EC1ED

#273847

#6BAAE2

#2D4459

#34383B

#378EDB

#2593F5

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

#1C5E99

#6BAAE2

#2A5378

#6BAAE2

#095EAB

#214769

#154673

#5F7C96

#6BAAE2

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

#6BAAE2

#E26BAA

#AAE26B

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

#E2CB6B

#6BAAE2

#E27B6B

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

#6BAAE2

#DF6BE2

#E2A36B

#6FE26B

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

#6BAAE2

#E2A36B

#6BAAE2

#DCDFE2

#6BAAE2

#304D66

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

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

#6BAAE2

#6BAAE2 の色情報

#6BAAE2 の色相別色一覧

#6BAAE2 の彩度別色一覧

#6BAAE2 の明度別色一覧

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

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

#6BAAE2 を使ったカマイユ

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

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

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

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

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

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

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