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

#9BA5E2 の色情報

#9BA5E2

画像
HEX	#9BA5E2
RGB	R:155 G:165 B:226
RGBの割合	R:60.8% G:64.7% B:88.6%
HSV	H:231.5 S:31.4 V:88.6
HSL	H:231.5 S:55.0 L:74.7
CMY	C:39.2 M:35.3 Y:11.4

CMYK	C:31.4 M:27.0 Y:0.0 K:11.4
YCbCr	Y:161.1 Cb:156.3 Cr:119.3
XYZ	X:40.7 Y:39.4 Z:77.4
xyY	x:0.258 y:0.250 Y:39.4

CIE Lab	L:69.0 a:10.4 b*:-31.9
CIE LCh	L:69.0 C:33.6 h:288.1
CIE Luv	L:69.0 u:-8.4 v*:-52.0
Hunter Lab	L:62.7 a:6.0 b:-29.2

#9BA5E2 の色相別色一覧

#E2A39B

#E2B59B

#E2C69B

#E2D89B

#DAE29B

#C9E29B

#B7E29B

#A5E29B

#9BE2A3

#9BE2B5

#9BE2C6

#9BE2D8

#9BDAE2

#9BC9E2

#9BB7E2

#9BA5E2

#A39BE2

#B59BE2

#C69BE2

#D89BE2

#E29BDA

#E29BC9

#E29BB7

#E29BA5

#9BA5E2 の彩度別色一覧

#DFDFE2

#D4D6E2

#C8CCE2

#BDC2E2

#B2B8E2

#A6AFE2

#9BA5E2

#909BE2

#8492E2

#7988E2

#6E7EE2

#6374E2

#576BE2

#4C61E2

#4157E2

#354EE2

#2A44E2

#1F3AE2

#1330E2

#0827E2

#9BA5E2 の明度別色一覧

#060709

#0F1016

#181923

#212330

#292C3C

#323549

#3B3F56

#444863

#4C516F

#555B7C

#5E6489

#676D96

#6F76A2

#7880AF

#8189BC

#8A92C9

#929CD5

#9BA5E2

#A4AEEF

#ACB8FC

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

#4C5C80

#5C6291

#9BA5E2

#999EB5

#4B4C54

#9BA5E2

#7B7C9E

#454A7A

#7985C2

#31324D

#363E57

#545C7D

#6D6C99

#9BA5E2

#878BB8

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

#C9E59A

#D8A7D4

#CB9F91

#9BA5E2

#C1FCD9

#90C9B0

#CB89C7

#BBDD9A

#9BA5E2

#F1BD9C

#A5EAD3

#B3DF8C

#9BA5E2

#D3AB8A

#F190DF

#9BA5E2 を使ったカマイユ

#A5A9DD

#A4A6D0

#9BA5E2

#ADB2DF

#969BC9

#8193DD

#95A3DD

#9BA5E2

#8191C9

#BFC8F9

#9BA4CE

#9BA5E2

#92A3F1

#9DAFEF

#91A3E7

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

#9BA5E2

#687BBC

#7C85C3

#CBDDFF

#7690CE

#859DD5

#ACB5DA

#728DD0

#9BA5E2

#C8CEFF

#C0CDFE

#9BA5E2

#D0D0FF

#A8AFCE

#D0CDFF

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

#97A2E6

#B2B4C2

#868DB8

#9BA5E2

#1A30B8

#9BA5E2

#A2A5B8

#6377F2

#6C7191

#253178

#2A2C33

#9BA5E2

#656EA1

#5E6170

#3E4157

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

#07156E

#505EB5

#9BA5E2

#111F78

#9BA5E2

#5764B5

#2033A8

#373E69

#9BA5E2

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

#9BA5E2

#E29BA5

#A5E29B

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

#D4E29B

#9BA5E2

#E2C09B

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

#9BA5E2

#E29BC9

#E2D89B

#9BE2B5

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

#9BA5E2

#E2D89B

#9BA5E2

#2A44E2

#9BA5E2

#464A66

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

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

#9BA5E2

#9BA5E2 の色情報

#9BA5E2 の色相別色一覧

#9BA5E2 の彩度別色一覧

#9BA5E2 の明度別色一覧

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

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

#9BA5E2 を使ったカマイユ

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

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

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

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

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

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

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