#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

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026