#449782

#449782

Color Values

HEX

#449782

RGB

68, 151, 130

HSL

164,8, 37,9%, 42,9%

HSV

164,8, 55,0%, 59,2%

CMYK

55,0%, 0,0%, 13,9%, 40,8%

OKLCH

0,6187 0,0875 174,3

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#449782

#974459

Analogous

#449758

#448297

#449782

Triadic

#449782

#824497

#978244

Split Complementary

#449782

#974482

#975844

Tetradic

#449782

#584497

#974459

#829744

Color Blindness Simulation

Original

#449782

Protanopia

#686987

Deuteranopia

#635D88

Tritanopia

#488B8C

Achromatopsia

#848484

CSS Usage

background-color: #449782;
color: #449782;
border-color: #449782;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5FAF9
100
#E7F3F0
200
#CEE9E2
300
#ABD9CD
400
#7DC4B2
500
#4FB097
600
#3F8D79
700
#337161
800
#28584C
900
#204139
950
#142924

Contrast Checker

Text on white

3,5:1

AA Fail AAA Fail

Text on black

5,99:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026