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

#6BA5E2 の色情報

#6BA5E2

画像
HEX	#6BA5E2
RGB	R:107 G:165 B:226
RGBの割合	R:42.0% G:64.7% B:88.6%
HSV	H:210.8 S:52.7 V:88.6
HSL	H:210.8 S:67.2 L:65.3
CMY	C:58.0 M:35.3 Y:11.4

CMYK	C:52.7 M:27.0 Y:0.0 K:11.4
YCbCr	Y:148.8 Cb:163.4 Cr:98.2
XYZ	X:33.2 Y:35.5 Z:77.1
xyY	x:0.228 y:0.244 Y:35.5

CIE Lab	L:66.2 a:-1.8 b*:-36.6
CIE LCh	L:66.2 C:36.6 h:267.1
CIE Luv	L:66.2 u:-26.8 v*:-57.9
Hunter Lab	L:59.6 a:-4.7 b:-34.9

#6BA5E2 の色相別色一覧

#E26D6B

#E28A6B

#E2A86B

#E2C66B

#E1E26B

#C3E26B

#A5E26B

#87E26B

#6BE26D

#6BE28A

#6BE2A8

#6BE2C6

#6BE1E2

#6BC3E2

#6BA5E2

#6B87E2

#6D6BE2

#8A6BE2

#A86BE2

#C66BE2

#E26BE1

#E26BC3

#E26BA5

#E26B87

#6BA5E2 の彩度別色一覧

#DCDFE2

#D1D9E2

#C5D3E2

#BACEE2

#AFC8E2

#A4C2E2

#98BCE2

#8DB6E2

#82B1E2

#76ABE2

#6BA5E2

#609FE2

#5499E2

#4994E2

#3E8EE2

#3388E2

#2782E2

#1C7CE2

#1177E2

#0571E2

#6BA5E2 の明度別色一覧

#040709

#0A1016

#101923

#162330

#1D2C3C

#233549

#293F56

#2F4863

#35516F

#3B5B7C

#416489

#476D96

#4D76A2

#5380AF

#5989BC

#5F92C9

#659CD5

#6BA5E2

#71AEEF

#77B8FC

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

#4A6075

#33404D

#69799C

#6BA5E2

#406DBF

#426591

#274670

#253047

#6BA5E2

#7C8FB8

#3B5B8C

#6BA5E2

#263452

#466073

#6992B8

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

#6BA5E2

#E4E77E

#F46083

#C579EC

#6BD085

#E56A87

#D4DA6E

#6BA5E2

#5EE56E

#AF72CE

#D687F9

#DA7475

#76EFA4

#6BA5E2

#C3EC58

#6BA5E2 を使ったカマイユ

#6BA5E2

#599ACE

#649BD8

#5BA2D8

#7FBDF6

#59AAE7

#558CDD

#7EB7EC

#82B4F9

#6BA5E2

#80B5DF

#6BA0C9

#669EDD

#5A97E5

#6BA5E2

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

#4978BE

#7993DA

#6BA5E2

#90CDFF

#599BD3

#6EA6BC

#8AA1EC

#6BA5E2

#4264C6

#6487CB

#4A9BD8

#7696C1

#8ED1F4

#6BA5E2

#7CA7DD

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

#A3B6C9

#6BA5E2

#27588C

#A1B2C4

#7EA5CF

#585C61

#6BA5E2

#08213B

#7692B0

#AEC1D6

#0A66C7

#233C57

#6BA5E2

#107BEB

#C1CEDB

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

#6BA5E2

#294D73

#0E549E

#1A3A5C

#6BA5E2

#09519C

#126AC7

#6BA5E2

#597087

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

#6BA5E2

#E26BA5

#A5E26B

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

#E2D06B

#6BA5E2

#E2806B

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

#6BA5E2

#E26BE1

#E2A86B

#6BE26D

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

#6BA5E2

#E2A86B

#6BA5E2

#DCDFE2

#6BA5E2

#304A66

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

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

#6BA5E2

#6BA5E2 の色情報

#6BA5E2 の色相別色一覧

#6BA5E2 の彩度別色一覧

#6BA5E2 の明度別色一覧

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

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

#6BA5E2 を使ったカマイユ

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

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

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

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

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

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

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