50
#ECEFF7
100
#DAE0F0
200
#B6C2E2
300
#92A3D4
400
#6E85C6
500
#4A67B8
600
#3B5293
700
#2C3D6E
800
#1D2949
900
#0E1424
950
#070A12
L is Lightness, R is Contrast Ratio
#4A67B8
Position: 500
In the Center
hsl(224, 43.65%, 50.59%)
hwb(224 29.02% 27.84%)
lab(45.11 14.56 -46.13)
lch(45.11 48.37 287.52)
- H
- 224°
- S
- 43.65%
- L
- 50.59%
Setting Color by Date.
Primary(500): #4A67B8
Text: rgba(255,255,255,0.87)
Ratio: 6.13
Text: rgba(255,255,255,0.87)
Ratio: 6.13
On Primary(500): #4A67B8
Background: #FFFFFF
Ratio: 5.35
Background: #FFFFFF
Ratio: 5.35
Primary Container(800): #1D2949
Text(300): #92A3D4
Ratio: 6
Text(300): #92A3D4
Ratio: 6
On Primary Container(800): #1D2949
Background(300): #92A3D4
Ratio: 6
Background(300): #92A3D4
Ratio: 6
#4A67B8
H
0
S
0%
L
0%