#4DD0E1
Material cyan 300
#4DD0E1 is a cyan colour. In RGB it is 77 red, 208 green and 225 blue, which converts to a hue of 187 degrees, 71% saturation and 59% lightness. It is Material cyan 300 in that design system's palette.
Color values
| HEX | #4DD0E1 |
|---|---|
| RGB | rgb(77, 208, 225) |
| HSL | hsl(187, 71%, 59%) |
| HSV | hsv(187, 66%, 88%) |
| CMYK | cmyk(66%, 8%, 0%, 12%) |
Contrast and accessibility
Against white the contrast ratio is 1.84:1, and against black it is 11.43: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.84:1 | Fail | Fail |
| Black | 11.43:1 | AAA | AAA |
Tints and shades
Lighter tints move #4DD0E1 toward white, and darker shades move it toward black.
Tints
Shades
Color harmonies
Complementary
Analogous
Triadic
Split complementary
Code
| CSS | color: #4DD0E1; |
|---|---|
| CSS rgb() | color: rgb(77 208 225); |
| Tailwind | bg-[#4dd0e1] |
| SwiftUI | Color(red: 0.302, green: 0.816, blue: 0.882) |
| Android | Color.parseColor("#4DD0E1") |
Closest named color
The nearest CSS colour keyword to #4DD0E1 is mediumturquoise (#48D1CC).