#A2BAF9｜カラーサイト.com

#A2BAF9 の色情報

#A2BAF9

画像
HEX	#A2BAF9
RGB	R:162 G:186 B:249
RGBの割合	R:63.5% G:72.9% B:97.6%
HSV	H:223.4 S:34.9 V:97.6
HSL	H:223.4 S:87.9 L:80.6
CMY	C:36.5 M:27.1 Y:2.4

CMYK	C:34.9 M:25.3 Y:0.0 K:2.4
YCbCr	Y:175.8 Cb:159.2 Cr:113.0
XYZ	X:49.6 Y:49.6 Z:96.6
xyY	x:0.253 y:0.254 Y:49.6

CIE Lab	L:75.8 a:6.5 b*:-33.8
CIE LCh	L:75.8 C:34.4 h:280.9
CIE Luv	L:75.8 u:-14.9 v*:-55.4
Hunter Lab	L:70.5 a:2.3 b:-32.0

#A2BAF9 の色相別色一覧

#F9B6A2

#F9CBA2

#F9E1A2

#F9F7A2

#E6F9A2

#D0F9A2

#BAF9A2

#A4F9A2

#A2F9B6

#A2F9CB

#A2F9E1

#A2F9F7

#A2E6F9

#A2D0F9

#A2BAF9

#A2A4F9

#B6A2F9

#CBA2F9

#E1A2F9

#F7A2F9

#F9A2E6

#F9A2D0

#F9A2BA

#F9A2A4

#A2BAF9 の彩度別色一覧

#EDF0F9

#E0E7F9

#D4DEF9

#C7D5F9

#BBCCF9

#AEC3F9

#A2BAF9

#96B1F9

#89A8F9

#7D9FF9

#7096F9

#648DF9

#5784F9

#4B7BF9

#3E72F9

#3269F9

#2660F9

#1957F9

#0D4EF9

#0045F9

#A2BAF9 の明度別色一覧

#040507

#0D0F14

#151820

#1D222D

#262B3A

#2E3547

#363E53

#3E4860

#47516D

#4F5B7A

#576486

#606E93

#6877A0

#7081AD

#798AB9

#8194C6

#899DD3

#91A7E0

#9AB0EC

#A2BAF9

#A2BAF9 を使ったトーンオントーン

#576DAB

#A2BAF9

#394880

#30364A

#AEB7CF

#5C5F78

#5B86BD

#A2BAF9

#393F4A

#606EA1

#6278A1

#283B59

#5881C4

#A2BAF9

#3E4C6B

#A2BAF9 を使ったトーンイントーン

#A2BAF9

#FF9EF9

#FFD8BF

#9CE5DD

#BBFCA6

#A2BAF9

#C6EA96

#8CE5B6

#F4B7F1

#EAB2AD

#A2BAF9

#DBFFA3

#B3FFE7

#EFA2F1

#E2A18F

#A2BAF9 を使ったカマイユ

#8CAEFF

#A1AEE0

#A2BAF9

#A4BBEA

#8697E0

#A1B7F4

#ADBEFE

#A2BAF9

#A3BBFF

#99AEFF

#97BCFF

#8CABF1

#A2BAF9

#8CB4FF

#BFCCFF

#A2BAF9 を使ったフォカマイユ

#A2BAF9

#ABD6FF

#CADAFF

#CCD4FF

#B5D8FE

#82A7D5

#7096E0

#829AFF

#AED2FF

#A2BAF9

#B0C5FF

#B5BDF4

#ABACD5

#789CD5

#A2BAF9

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

#3F4D73

#A2BAF9

#374978

#586482

#0A3FC9

#021F6B

#3D3D40

#405180

#07194A

#A2BAF9

#7295F2

#5B6170

#0F3DB8

#3F4042

#A2BAF9

#A2BAF9 を使ったアイデンティティ

#A2BAF9

#3F558F

#1F4FCF

#022378

#536CB0

#A2BAF9

#335DCC

#42568C

#A2BAF9

#A2BAF9 を使ったトライアド

#A2BAF9

#F9A2BA

#BAF9A2

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

#F4F9A2

#A2BAF9

#F9C4A2

#A2BAF9 を使ったテトラード

#A2BAF9

#F9A2E6

#F9E1A2

#A2F9B6

#A2BAF9 を使ったコントラスト

#A2BAF9

#F9E1A2

#A2BAF9

#2660F9

#A2BAF9

#424C66

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

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

#A2BAF9

#A2BAF9 の色情報

#A2BAF9 の色相別色一覧

#A2BAF9 の彩度別色一覧

#A2BAF9 の明度別色一覧

#A2BAF9 を使ったトーンオントーン

#A2BAF9 を使ったトーンイントーン

#A2BAF9 を使ったカマイユ

#A2BAF9 を使ったフォカマイユ

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

#A2BAF9 を使ったアイデンティティ

#A2BAF9 を使ったトライアド

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

#A2BAF9 を使ったテトラード

#A2BAF9 を使ったコントラスト