#459088

#459088

Color Values

HEX

#459088

RGB

69, 144, 136

HSL

173.6, 35.2%, 41.8%

HSV

173.6, 52.1%, 56.5%

CMYK

52.1%, 0.0%, 5.6%, 43.5%

OKLCH

0.6032 0.0758 186.2

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#459088

#90454D

Analogous

#459063

#457390

#459088

Triadic

#459088

#884590

#908845

Split Complementary

#459088

#904573

#906345

Tetradic

#459088

#634590

#90454D

#739045

Color Blindness Simulation

Original

#459088

Protanopia

#65668A

Deuteranopia

#615C8A

Tritanopia

#498B8C

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E8F2F1
200
#CFE8E5
300
#ACD7D3
400
#7FC2BB
500
#53ACA3
600
#428A82
700
#356E68
800
#295651
900
#21403D
950
#152826

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

5.6:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026