50
#E9E9FA
100
#D3D4F6
200
#A8A9ED
300
#7D7FE4
400
#6B6CC3
500
#595AA2
600
#474882
700
#353661
800
#232441
900
#111220
950
#080910
L is Lightness, R is Contrast Ratio
#7D7FE4
Position: 300
In the Center
rgb(125, 127, 228)
hsl(239, 65.61%, 69.22%)
hwb(239 49.02% 10.59%)
lab(57.21 25.06 -51.7)
lch(57.21 57.45 295.86)
hsl(239, 65.61%, 69.22%)
hwb(239 49.02% 10.59%)
lab(57.21 25.06 -51.7)
lch(57.21 57.45 295.86)
- H
- 239°
- S
- 65.61%
- L
- 69.22%
Setting Color by Date.
Primary(300): #7D7FE4
Text: rgba(0,0,0,0.87)
Ratio: 5.21
Text: rgba(0,0,0,0.87)
Ratio: 5.21
On Primary(400): #6B6CC3
Background: #FFFFFF
Ratio: 4.61
Background: #FFFFFF
Ratio: 4.61
Primary Container(600): #474882
Text(100): #D3D4F6
Ratio: 6.34
Text(100): #D3D4F6
Ratio: 6.34
On Primary Container(600): #474882
Background(100): #D3D4F6
Ratio: 6.34
Background(100): #D3D4F6
Ratio: 6.34
#7D7FE4
H
0
S
0%
L
0%