#2A8898
≈ teal · rgb(42, 136, 152)
Color formats
HEX#2A8898
RGBrgb(42, 136, 152)
HSLhsl(189, 57%, 38%)
HSVhsv(189, 72%, 60%)
OKLCHoklch(58% 0.09 211)
CMYKcmyk(72%, 11%, 0%, 40%)
Contrast & accessibility
On white4.14:1below AA
On black5.07:1AA pass
Best text color#000000
Nearest CSS name: teal
Copy-ready code
CSS custom properties
:root {
--teal: #2a8898;
--teal-rgb: 42 136 152;
--teal-oklch: oklch(58% 0.09 211);
}The space-separated triple lets you set alpha without a second variable:
background: rgb(var(--teal-rgb) / 40%);
Tailwind (arbitrary value)
bg-[#2a8898] text-[#2a8898] border-[#2a8898]
Shades & tints
50
#E4ECED
100
#D0E0E3
200
#A5CBD2
300
#75B9C5
400
#41ABBD
500
#2A8898
600
#256C78
700
#1E5059
800
#16363B
900
#0D1D1F
950
#081012
Color harmonies
Complementary
#983A2A
Analogous −30°
#2A9871
Analogous +30°
#2A5198
Triadic +120°
#982A88
Triadic −120°
#88982A
About this color
#2A8898 is a color with the RGB value rgb(42, 136, 152). Its closest CSS named color is "teal". 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.