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

#9BA3E2 の色情報

#9BA3E2

画像
HEX	#9BA3E2
RGB	R:155 G:163 B:226
RGBの割合	R:60.8% G:63.9% B:88.6%
HSV	H:233.2 S:31.4 V:88.6
HSL	H:233.2 S:55.0 L:74.7
CMY	C:39.2 M:36.1 Y:11.4

CMYK	C:31.4 M:27.9 Y:0.0 K:11.4
YCbCr	Y:160.1 Cb:156.8 Cr:120.0
XYZ	X:40.3 Y:38.7 Z:77.3
xyY	x:0.258 y:0.247 Y:38.7

CIE Lab	L:68.5 a:11.5 b*:-32.7
CIE LCh	L:68.5 C:34.7 h:289.4
CIE Luv	L:68.5 u:-7.6 v*:-53.4
Hunter Lab	L:62.2 a:7.0 b:-30.2

#9BA3E2 の色相別色一覧

#E2A59B

#E2B79B

#E2C89B

#E2DA9B

#D8E29B

#C7E29B

#B5E29B

#A3E29B

#9BE2A5

#9BE2B7

#9BE2C8

#9BE2DA

#9BD8E2

#9BC7E2

#9BB5E2

#9BA3E2

#A59BE2

#B79BE2

#C89BE2

#DA9BE2

#E29BD8

#E29BC7

#E29BB5

#E29BA3

#9BA3E2 の彩度別色一覧

#DFDFE2

#D4D5E2

#C8CBE2

#BDC1E2

#B2B7E2

#A6ADE2

#9BA3E2

#9099E2

#848FE2

#7985E2

#6E7BE2

#6371E2

#5767E2

#4C5DE2

#4153E2

#3549E2

#2A3FE2

#1F35E2

#132BE2

#0821E2

#9BA3E2 の明度別色一覧

#060709

#0F1016

#181923

#212230

#292B3C

#323549

#3B3E56

#444763

#4C506F

#55597C

#5E6389

#676C96

#6F75A2

#787EAF

#8187BC

#8A91C9

#929AD5

#9BA3E2

#A4ACEF

#ACB5FC

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

#636575

#5A5B94

#484E5C

#8F91BD

#9BA3E2

#949AC7

#4B4D69

#494F94

#9BA3E2

#293452

#6966A3

#9499C7

#9BA3E2

#2B2D47

#3E3F7D

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

#9BA3E2

#B5CE87

#C3FCE8

#F9A994

#D099CD

#DF8ECB

#9BA3E2

#AED3A1

#C1F9EE

#F4D0B8

#DE8ADF

#D7F496

#9BA3E2

#D5A79D

#8BEAB3

#9BA3E2 を使ったカマイユ

#9BA3E2

#7B80CB

#7584C9

#97A6EA

#A9ABEF

#8DA1F1

#9BA3E2

#949EC9

#A2B2F4

#8286D0

#868ED0

#7F8ACB

#8183CE

#9BA3E2

#AAB2E7

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

#A6A1C6

#9BA3E2

#9AA8C3

#9AA0C3

#7D7BC1

#8481C9

#A0B4FF

#9DA1D0

#9BA3E2

#767BBC

#9BA3E2

#A4ACD0

#C2C4F4

#7074C6

#727EBC

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

#8C8D96

#4B4D5E

#010A52

#9BA3E2

#142DF5

#212336

#9BA3E2

#0E24CC

#3A48BA

#ABACB8

#9BA3E2

#030833

#3D4CC4

#21264D

#8B8FB0

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

#14239C

#9BA3E2

#272F6E

#9BA3E2

#3B4175

#2534A8

#9BA3E2

#020D63

#4955BA

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

#9BA3E2

#E29BA3

#A3E29B

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

#D2E29B

#9BA3E2

#E2C29B

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

#9BA3E2

#E29BC7

#E2DA9B

#9BE2B7

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

#9BA3E2

#E2DA9B

#9BA3E2

#2A3FE2

#9BA3E2

#464A66

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

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

#9BA3E2

#9BA3E2 の色情報

#9BA3E2 の色相別色一覧

#9BA3E2 の彩度別色一覧

#9BA3E2 の明度別色一覧

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

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

#9BA3E2 を使ったカマイユ

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

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

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

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

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

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

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