#456769

#456769

Color Values

HEX

#456769

RGB

69, 103, 105

HSL

183.3, 20.7%, 34.1%

HSV

183.3, 34.3%, 41.2%

CMYK

34.3%, 1.9%, 0.0%, 58.8%

OKLCH

0.4886 0.0393 200.6

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#456769

#694745

Analogous

#456959

#455569

#456769

Triadic

#456769

#694567

#676945

Split Complementary

#456769

#694555

#695945

Tetradic

#456769

#594569

#694745

#556945

Color Blindness Simulation

Original

#456769

Protanopia

#545469

Deuteranopia

#524F68

Tritanopia

#476868

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#EAF0F0
200
#D4E2E3
300
#B5CDCE
400
#8DB2B4
500
#65979A
600
#51797B
700
#416162
800
#334B4D
900
#273839
950
#192424

Contrast Checker

Text on white

6.18:1

AA Pass AAA Fail

Text on black

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