Colors
#1e3a8aFormats
- HEX
#1e3a8a - RGB
rgb(30 58 138) - HSL
hsl(224 64% 33%) - OKLCH
oklch(0.379 0.138 265.522)
#3b82f6Formats
- HEX
#3b82f6 - RGB
rgb(59 130 246) - HSL
hsl(217 91% 60%) - OKLCH
oklch(0.623 0.188 259.815)
#93c5fdFormats
- HEX
#93c5fd - RGB
rgb(147 197 253) - HSL
hsl(212 96% 78%) - OKLCH
oklch(0.809 0.096 251.813)
#f0f9ffFormats
- HEX
#f0f9ff - RGB
rgb(240 249 255) - HSL
hsl(204 100% 97%) - OKLCH
oklch(0.977 0.012 236.62)
Accessibility report
Contrast report
Every color pair in this palette, checked for text contrast.
- #1e3a8aon#3b82f62.82:1
- Normal text
- Fail
- Large text (18pt+ / 14pt bold)
- Fail
- #1e3a8aon#93c5fd5.74:1
- Normal text
- AA
- Large text (18pt+ / 14pt bold)
- AAA
- #1e3a8aon#f0f9ff9.72:1
- Normal text
- AAA
- Large text (18pt+ / 14pt bold)
- AAA
- #3b82f6on#93c5fd2.04:1
- Normal text
- Fail
- Large text (18pt+ / 14pt bold)
- Fail
- #3b82f6on#f0f9ff3.45:1
- Normal text
- AA 18+
- Large text (18pt+ / 14pt bold)
- AA
- #93c5fdon#f0f9ff1.69:1
- Normal text
- Fail
- Large text (18pt+ / 14pt bold)
- Fail
Color blindness simulation
See how this palette looks for different types of color vision.
Normal vision
ProtanopiaReduced sensitivity to red light (~1% of men).
DeuteranopiaReduced sensitivity to green light (most common).
TritanopiaReduced sensitivity to blue light (rare).
AchromatopsiaNo color perception (very rare).