#459E80

#459E80

Color Values

HEX

#459E80

RGB

69, 158, 128

HSL

159.8, 39.2%, 44.5%

HSV

159.8, 56.3%, 62.0%

CMYK

56.3%, 0.0%, 19.0%, 38.0%

OKLCH

0.6363 0.0975 168.3

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#459E80

#9E4563

Analogous

#459E54

#458F9E

#459E80

Triadic

#459E80

#80459E

#9E8045

Split Complementary

#459E80

#9E458F

#9E5445

Tetradic

#459E80

#54459E

#9E4563

#8F9E45

Color Blindness Simulation

Original

#459E80

Protanopia

#6C6C87

Deuteranopia

#666089

Tritanopia

#498D8E

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F3EF
200
#CDE9E0
300
#AADACA
400
#7CC6AD
500
#4EB190
600
#3E8E73
700
#32725C
800
#275948
900
#1F4236
950
#142922

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

6.46: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