#18575D

#18575D

Color Values

HEX

#18575D

RGB

24, 87, 93

HSL

185.2, 59.0%, 22.9%

HSV

185.2, 74.2%, 36.5%

CMYK

74.2%, 6.5%, 0.0%, 63.5%

OKLCH

0.4207 0.0624 204.3

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#18575D

#5D1E18

Analogous

#185D40

#18345D

#18575D

Triadic

#18575D

#5D1857

#575D18

Split Complementary

#18575D

#5D1834

#5D4018

Tetradic

#18575D

#40185D

#5D1E18

#345D18

Color Blindness Simulation

Original

#18575D

Protanopia

#33345C

Deuteranopia

#302B5B

Tritanopia

#1B5A5A

Achromatopsia

#4A4A4A

CSS Usage

background-color: #18575D;
color: #18575D;
border-color: #18575D;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F4FBFB
100
#E4F5F6
200
#C6EDF0
300
#9EE0E6
400
#69CFD8
500
#34BECB
600
#2A98A2
700
#217982
800
#1A5F65
900
#17464A
950
#0E2C2F

Contrast Checker

Text on white

8.2:1

AA Pass AAA Pass

Text on black

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