#457160

#457160

Color Values

HEX

#457160

RGB

69, 113, 96

HSL

156.8, 24.2%, 35.7%

HSV

156.8, 38.9%, 44.3%

CMYK

38.9%, 0.0%, 15.0%, 55.7%

OKLCH

0.5112 0.0562 167.7

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#457160

#714556

Analogous

#45714A

#456C71

#457160

Triadic

#457160

#604571

#716045

Split Complementary

#457160

#71456C

#714A45

Tetradic

#457160

#4A4571

#714556

#6C7145

Color Blindness Simulation

Original

#457160

Protanopia

#585864

Deuteranopia

#565265

Tritanopia

#476768

Achromatopsia

#666666

CSS Usage

background-color: #457160;
color: #457160;
border-color: #457160;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F6F9F8
100
#E9F1EE
200
#D3E4DD
300
#B3D1C5
400
#8AB7A6
500
#619E86
600
#4D7F6C
700
#3E6556
800
#304F43
900
#263B33
950
#182520

Contrast Checker

Text on white

5.55:1

AA Pass AAA Fail

Text on black

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