#456A65

#456A65

Color Values

HEX

#456A65

RGB

69, 106, 101

HSL

171.9, 21.1%, 34.3%

HSV

171.9, 34.9%, 41.6%

CMYK

34.9%, 0.0%, 4.7%, 58.4%

OKLCH

0.4948 0.043 185.3

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#456A65

#6A454A

Analogous

#456A52

#455C6A

#456A65

Triadic

#456A65

#65456A

#6A6545

Split Complementary

#456A65

#6A455C

#6A5245

Tetradic

#456A65

#52456A

#6A454A

#5C6A45

Color Blindness Simulation

Original

#456A65

Protanopia

#555566

Deuteranopia

#535066

Tritanopia

#476767

Achromatopsia

#626262

CSS Usage

background-color: #456A65;
color: #456A65;
border-color: #456A65;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D4E3E1
300
#B5CFCB
400
#8DB5AF
500
#659A93
600
#507C76
700
#40635E
800
#324D4A
900
#273A37
950
#192423

Contrast Checker

Text on white

6.0:1

AA Pass AAA Fail

Text on black

3.5:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026