#17878A

#17878A

Color Values

HEX

#17878A

RGB

23, 135, 138

HSL

181.6, 71.4%, 31.6%

HSV

181.6, 83.3%, 54.1%

CMYK

83.3%, 2.2%, 0.0%, 45.9%

OKLCH

0.5679 0.0918 197.8

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#17878A

#8A1A17

Analogous

#178A54

#174E8A

#17878A

Triadic

#17878A

#8A1787

#878A17

Split Complementary

#17878A

#8A174E

#8A5417

Tetradic

#17878A

#54178A

#8A1A17

#4E8A17

Color Blindness Simulation

Original

#17878A

Protanopia

#484889

Deuteranopia

#413989

Tritanopia

#1D8989

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E2F7F8
200
#C2F3F5
300
#96EBED
400
#5DE0E4
500
#24D6DB
600
#1DABAF
700
#17898C
800
#126B6D
900
#114E50
950
#0B3132

Contrast Checker

Text on white

4.31:1

AA Fail AAA Fail

Text on black

4.87:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026