#1565C0
Material blue 800
#1565C0 is a blue colour. In RGB it is 21 red, 101 green and 192 blue, which converts to a hue of 212 degrees, 80% saturation and 42% lightness. It is Material blue 800 in that design system's palette.
Color values
| HEX | #1565C0 |
|---|---|
| RGB | rgb(21, 101, 192) |
| HSL | hsl(212, 80%, 42%) |
| HSV | hsv(212, 89%, 75%) |
| CMYK | cmyk(89%, 47%, 0%, 25%) |
Contrast and accessibility
Against white the contrast ratio is 5.75:1, and against black it is 3.65:1. WCAG asks for at least 4.5:1 for normal text and 3:1 for large text.
| Background | Ratio | Normal text | Large text |
|---|---|---|---|
| White | 5.75:1 | AA | AAA |
| Black | 3.65:1 | Fail | AA |
Tints and shades
Lighter tints move #1565C0 toward white, and darker shades move it toward black.
Tints
Shades
Color harmonies
Complementary
Analogous
Triadic
Split complementary
Code
| CSS | color: #1565C0; |
|---|---|
| CSS rgb() | color: rgb(21 101 192); |
| Tailwind | bg-[#1565c0] |
| SwiftUI | Color(red: 0.082, green: 0.396, blue: 0.753) |
| Android | Color.parseColor("#1565C0") |
Closest named color
The nearest CSS colour keyword to #1565C0 is royalblue (#4169E1).