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

#6BA4E2 の色情報

#6BA4E2

画像
HEX	#6BA4E2
RGB	R:107 G:164 B:226
RGBの割合	R:42.0% G:64.3% B:88.6%
HSV	H:211.3 S:52.7 V:88.6
HSL	H:211.3 S:67.2 L:65.3
CMY	C:58.0 M:35.7 Y:11.4

CMYK	C:52.7 M:27.4 Y:0.0 K:11.4
YCbCr	Y:148.3 Cb:163.7 Cr:98.6
XYZ	X:33.1 Y:35.2 Z:77.0
xyY	x:0.228 y:0.242 Y:35.2

CIE Lab	L:65.9 a:-1.3 b*:-37.0
CIE LCh	L:65.9 C:37.0 h:268.0
CIE Luv	L:65.9 u:-26.4 v*:-58.6
Hunter Lab	L:59.3 a:-4.3 b:-35.5

#6BA4E2 の色相別色一覧

#E26E6B

#E28B6B

#E2A96B

#E2C76B

#E0E26B

#C2E26B

#A4E26B

#86E26B

#6BE26E

#6BE28B

#6BE2A9

#6BE2C7

#6BE0E2

#6BC2E2

#6BA4E2

#6B86E2

#6E6BE2

#8B6BE2

#A96BE2

#C76BE2

#E26BE0

#E26BC2

#E26BA4

#E26B86

#6BA4E2 の彩度別色一覧

#DCDFE2

#D1D9E2

#C5D3E2

#BACDE2

#AFC7E2

#A4C1E2

#98BCE2

#8DB6E2

#82B0E2

#76AAE2

#6BA4E2

#609EE2

#5498E2

#4992E2

#3E8CE2

#3387E2

#2781E2

#1C7BE2

#1175E2

#056FE2

#6BA4E2 の明度別色一覧

#040709

#0A1016

#101923

#162230

#1D2C3C

#233549

#293E56

#2F4763

#35516F

#3B5A7C

#416389

#476C96

#4D76A2

#537FAF

#5988BC

#5F91C9

#659BD5

#6BA4E2

#71ADEF

#77B7FC

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

#317199

#4C6FB0

#29374F

#6BA4E2

#2A4D6E

#6BA4E2

#7B9FC2

#1D384D

#5572A3

#48566B

#6BA4E2

#4E708C

#263C4D

#3663BF

#2A5278

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

#DD575F

#B751CE

#6BA4E2

#F4F26C

#5EEA7B

#F9F37D

#6BA4E2

#5DE773

#C95162

#B751D3

#C363EF

#C95D74

#6BA4E2

#5AD569

#DDCD7C

#6BA4E2 を使ったカマイユ

#6BA4E2

#80B6DF

#88C3F6

#73A4E5

#7AC3FC

#6EAAF9

#88B7F1

#6BA4E2

#5FB3F9

#6496D8

#8FC9F9

#699CD0

#578AD3

#6BA4E2

#5592C9

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

#6BA4E2

#5BD0FC

#95BBEF

#50ADDD

#5F8EBC

#6087BE

#7CC9F6

#6DACDD

#6BA4E2

#718AD0

#6BA4E2

#58ABFF

#71D6FF

#51B1D8

#4B84DA

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

#DCE7F2

#6BA4E2

#79B6F7

#1256A1

#8AABCF

#596069

#3277C2

#869DB5

#6BA4E2

#475C73

#1D78DB

#6BA4E2

#2B7ACF

#7F98B3

#0A2038

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

#1568C2

#6BA4E2

#2C5B8F

#7D98B5

#08488C

#6BA4E2

#29588C

#276AB3

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

#6BA4E2

#E26BA4

#A4E26B

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

#E2D16B

#6BA4E2

#E2816B

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

#6BA4E2

#E26BE0

#E2A96B

#6BE26E

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

#6BA4E2

#E2A96B

#6BA4E2

#DCDFE2

#6BA4E2

#304A66

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

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

#6BA4E2

#6BA4E2 の色情報

#6BA4E2 の色相別色一覧

#6BA4E2 の彩度別色一覧

#6BA4E2 の明度別色一覧

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

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

#6BA4E2 を使ったカマイユ

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

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

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

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

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

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

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