#165D52

#165D52

Color Values

HEX

#165D52

RGB

22, 93, 82

HSL

170,7, 61,7%, 22,5%

HSV

170,7, 76,3%, 36,5%

CMYK

76,3%, 0,0%, 11,8%, 63,5%

OKLCH

0,4327 0,0703 180,1

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#165D52

#5D1621

Analogous

#165D2E

#16445D

#165D52

Triadic

#165D52

#52165D

#5D5216

Split Complementary

#165D52

#5D1644

#5D2E16

Tetradic

#165D52

#2E165D

#5D1621

#445D16

Color Blindness Simulation

Original

#165D52

Protanopia

#353555

Deuteranopia

#312B55

Tritanopia

#1A5757

Achromatopsia

#4D4D4D

CSS Usage

background-color: #165D52;
color: #165D52;
border-color: #165D52;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F3FBFA
100
#E4F7F4
200
#C5F1EA
300
#9CE8DC
400
#66DBC9
500
#31CEB6
600
#27A591
700
#1F8474
800
#18675B
900
#164B43
950
#0E302A

Contrast Checker

Text on white

7,72:1

AA Pass AAA Pass

Text on black

2,72:1

AA Fail AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026