#18858D

#18858D

Color Values

HEX

#18858D

RGB

24, 133, 141

HSL

184.1, 70.9%, 32.4%

HSV

184.1, 83.0%, 55.3%

CMYK

83.0%, 5.7%, 0.0%, 44.7%

OKLCH

0.564 0.0908 202.7

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#18858D

#8D2018

Analogous

#188D5B

#184B8D

#18858D

Triadic

#18858D

#8D1885

#858D18

Split Complementary

#18858D

#8D184B

#8D5B18

Tetradic

#18858D

#5B188D

#8D2018

#4B8D18

Color Blindness Simulation

Original

#18858D

Protanopia

#47488B

Deuteranopia

#41398B

Tritanopia

#1D8A89

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E2F6F8
200
#C2F1F5
300
#96E7ED
400
#5EDAE4
500
#25CEDA
600
#1EA4AE
700
#18848B
800
#13676D
900
#124B4F
950
#0B2F32

Contrast Checker

Text on white

4.39:1

AA Fail AAA Fail

Text on black

4.78:1

AA Pass 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