#84C7C7
≈ powderblue · rgb(132, 199, 199)
Color formats
HEX#84C7C7
RGBrgb(132, 199, 199)
HSLhsl(180, 37%, 65%)
HSVhsv(180, 34%, 78%)
OKLCHoklch(79% 0.07 196)
CMYKcmyk(34%, 0%, 0%, 22%)
Contrast & accessibility
On white1.91:1below AA
On black10.98:1AA pass
Best text color#000000
Nearest CSS name: powderblue
Copy-ready code
CSS custom properties
:root {
--powderblue: #84c7c7;
--powderblue-rgb: 132 199 199;
--powderblue-oklch: oklch(79% 0.07 196);
}The space-separated triple lets you set alpha without a second variable:
background: rgb(var(--powderblue-rgb) / 40%);
Tailwind (arbitrary value)
bg-[#84c7c7] text-[#84c7c7] border-[#84c7c7]
Shades & tints
50
#EDF1F1
100
#E3EBEB
200
#CEDFDF
300
#B7D6D6
400
#9ECDCD
500
#84C7C7
600
#58AFAF
700
#428181
800
#2D5353
900
#162626
950
#091010
Color harmonies
Complementary
#C78484
Analogous −30°
#84C7A6
Analogous +30°
#84A5C7
Triadic +120°
#C784C7
Triadic −120°
#C7C784
About this color
#84C7C7 is a color with the RGB value rgb(132, 199, 199). 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.