color color

Steps

9

Hue

230.00
254.00
↓ Show Curve

Saturation

45.00
100.00
↓ Show Curve
130

Lightness

99.00
5.00
↓ Show Curve

Reference colors

Comma seperated list of hex color codes.

Color space

Learn how HSLuv differs from HSL .

Overlay

Select
100
#f1f7fb
AA+
AA
Select
200
#d3e8f6
AA+
AA
Select
300
#9fd2f1
AA+
AA
Select
400
#55b6e6
AA+
AA
Select
500
#2f92c1
AA+
AA+
AA
Select
600
#006d9a
AA+
AA
AA+
Select
700
#004a6f
AA+
AA
Select
800
#002a49
AA+
AA
Select
900
#00112a
AA+
AA
Select
100
#f7f5fb
AA+
AA
Select
200
#e7e2f3
AA+
AA
Select
300
#d1c5ec
AA+
AA
Select
400
#b99fe6
AA+
AA
Select
500
#a470e6
AA+
AA+
AA
Select
600
#922de0
AA+
AA
AA+
Select
700
#6d05a3
AA+
AA
Select
800
#450063
AA+
AA
Select
900
#220030
AA+
AA
Select
100
#fbf4f5
AA+
AA
Select
200
#f5e0e1
AA+
AA
Select
300
#efbfc1
AA+
AA
Select
400
#ec9397
AA+
AA
Select
500
#ed535c
AA+
AA+
AA
Select
600
#c5242c
AA+
AA
AA+
Select
700
#8d0e0d
AA+
AA
Select
800
#560700
AA+
AA
Select
900
#290400
AA+
AA
 

Luminance · How bright is it?

100 · Luminance: 0.92200 · Luminance: 0.78300 · Luminance: 0.60400 · Luminance: 0.41500 · Luminance: 0.25600 · Luminance: 0.13700 · Luminance: 0.06800 · Luminance: 0.02900 · Luminance: 0.01
1 0

Chroma · How colorful is it?

100 · Chroma: 2.89200 · Chroma: 10.03300 · Chroma: 22.48400 · Chroma: 35.46500 · Chroma: 34.74600 · Chroma: 33.00700 · Chroma: 27.34800 · Chroma: 23.10900 · Chroma: 18.86
150 0

Hue · What color is it?

100 · Hue: 230.03200 · Hue: 230.25300 · Hue: 230.89400 · Hue: 232.12500 · Hue: 234.14600 · Hue: 237.14700 · Hue: 241.31800 · Hue: 246.86900 · Hue: 254.00
360 0

500

Luminance · How bright is it?

1 · Luminance: 0.252 · Luminance: 0.253 · Luminance: 0.25
1 0

Chroma · How colorful is it?

1 · Chroma: 34.742 · Chroma: 68.453 · Chroma: 65.88
150 0

Hue · What color is it?

1 · Hue: 234.142 · Hue: 280.073 · Hue: 10.21
360 0