#7FC4C9
≈ powderblue · rgb(127, 196, 201)
Color formats
HEX#7FC4C9
RGBrgb(127, 196, 201)
HSLhsl(184, 41%, 64%)
HSVhsv(184, 37%, 79%)
OKLCHoklch(78% 0.07 202)
CMYKcmyk(37%, 2%, 0%, 21%)
Contrast & accessibility
On white1.97:1below AA
On black10.64:1AA pass
Best text color#000000
Nearest CSS name: powderblue
Copy-ready code
CSS custom properties
:root {
--powderblue: #7fc4c9;
--powderblue-rgb: 127 196 201;
--powderblue-oklch: oklch(78% 0.07 202);
}The space-separated triple lets you set alpha without a second variable:
background: rgb(var(--powderblue-rgb) / 40%);
Tailwind (arbitrary value)
bg-[#7fc4c9] text-[#7fc4c9] border-[#7fc4c9]
Shades & tints
50
#EDF1F1
100
#E2EAEB
200
#CCDEE0
300
#B4D4D6
400
#9BCBCF
500
#7FC4C9
600
#53ABB2
700
#3F7E83
800
#2B5154
900
#152526
950
#091010
Color harmonies
Complementary
#C9847F
Analogous −30°
#7FC9A9
Analogous +30°
#7F9FC9
Triadic +120°
#C97FC4
Triadic −120°
#C4C97F
About this color
#7FC4C9 is a color with the RGB value rgb(127, 196, 201). Its closest CSS named color is "powderblue". On this page you'll find every format (HEX, RGB, HSL, HSV, OKLCH, CMYK), WCAG contrast against white and black, a full 50–950 shade scale, and complementary, analogous and triadic harmonies — each linking to its own color page.