#1565C0
A full breakdown of the hex color #1565C0: format conversions, shades and tints, color harmonies, and accessibility contrast.
Conversions
- Hex#1565C0
- RGBrgb(21, 101, 192)
- HSLhsl(212, 80%, 42%)
- OKLCHoklch(51.3% 0.160 255.7)
- Display P3color(display-p3 0.082 0.396 0.753)
- HSV212°, 89%, 75%
- CMYK89%, 47%, 0%, 25%
Contrast
White text on #1565C0
5.75:1, WCAG AA
Black text on #1565C0
3.65:1, WCAG AA large only
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: #1565c0; }
.background { background-color: #1565c0; }
.border { border: 1px solid #1565c0; }Used on this site
Palettes
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.