#175A50

#175A50

Color Values

HEX

#175A50

RGB

23, 90, 80

HSL

171,0, 59,3%, 22,2%

HSV

171,0, 74,4%, 35,3%

CMYK

74,4%, 0,0%, 11,1%, 64,7%

OKLCH

0,4238 0,0674 180,8

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#175A50

#5A1721

Analogous

#175A2F

#17435A

#175A50

Triadic

#175A50

#50175A

#5A5017

Split Complementary

#175A50

#5A1743

#5A2F17

Tetradic

#175A50

#2F175A

#5A1721

#435A17

Color Blindness Simulation

Original

#175A50

Protanopia

#343552

Deuteranopia

#302B53

Tritanopia

#1A5455

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#F3FBFA
100
#E4F6F3
200
#C6F0EA
300
#9EE6DB
400
#69D9C8
500
#34CBB4
600
#2AA290
700
#218273
800
#1A665A
900
#174A43
950
#0E2F2A

Contrast Checker

Text on white

8,03:1

AA Pass AAA Pass

Text on black

2,61:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026