#22D3EE
Tailwind cyan-400
#22D3EE is a cyan colour. In RGB it is 34 red, 211 green and 238 blue, which converts to a hue of 188 degrees, 86% saturation and 53% lightness. It is Tailwind cyan-400 in that design system's palette.
Color values
| HEX | #22D3EE |
|---|---|
| RGB | rgb(34, 211, 238) |
| HSL | hsl(188, 86%, 53%) |
| HSV | hsv(188, 86%, 93%) |
| CMYK | cmyk(86%, 11%, 0%, 7%) |
Contrast and accessibility
Against white the contrast ratio is 1.81:1, and against black it is 11.62: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 | 1.81:1 | Fail | Fail |
| Black | 11.62:1 | AAA | AAA |
Tints and shades
Lighter tints move #22D3EE toward white, and darker shades move it toward black.
Tints
Shades
Color harmonies
Complementary
Analogous
Triadic
Split complementary
Code
| CSS | color: #22D3EE; |
|---|---|
| CSS rgb() | color: rgb(34 211 238); |
| Tailwind | bg-[#22d3ee] |
| SwiftUI | Color(red: 0.133, green: 0.827, blue: 0.933) |
| Android | Color.parseColor("#22D3EE") |
Closest named color
The nearest CSS colour keyword to #22D3EE is deepskyblue (#00BFFF).