#203A43
A full breakdown of the hex color #203A43: format conversions, shades and tints, color harmonies, and accessibility contrast.
Conversions
- Hex#203A43
- RGBrgb(32, 58, 67)
- HSLhsl(195, 35%, 19%)
- OKLCHoklch(33.2% 0.036 222.2)
- Display P3color(display-p3 0.125 0.227 0.263)
- HSV195°, 52%, 26%
- CMYK52%, 13%, 0%, 74%
Contrast
White text on #203A43
12.02:1, WCAG AAA
Black text on #203A43
1.75:1, WCAG Fails
Harmonies
Click any color to copy its hex code.
Complementary
Analogous
Split complementary
Triadic
Tetradic
Shades, tints and tones
Click any step to copy its hex code.
Shades (toward black)
Tints (toward white)
Tones (toward gray)
.text { color: #203a43; }
.background { background-color: #203a43; }
.border { border: 1px solid #203a43; }Used on this site
Gradients
More color tools
Generate a full scale from this color with the Monochromatic Shades Generator, or build a palette around it in the Palette Builder.