#165C64

#165C64

Color Values

HEX

#165C64

RGB

22, 92, 100

HSL

186.2, 63.9%, 23.9%

HSV

186.2, 78.0%, 39.2%

CMYK

78.0%, 8.0%, 0.0%, 60.8%

OKLCH

0.4369 0.0671 206.4

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#165C64

#641E16

Analogous

#166445

#163564

#165C64

Triadic

#165C64

#64165C

#5C6416

Split Complementary

#165C64

#641635

#644516

Tetradic

#165C64

#451664

#641E16

#356416

Color Blindness Simulation

Original

#165C64

Protanopia

#343562

Deuteranopia

#302B62

Tritanopia

#1A6160

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E3F5F7
200
#C4EDF2
300
#9BE1E9
400
#64D0DD
500
#2EC0D1
600
#259AA7
700
#1D7B86
800
#176068
900
#15474C
950
#0D2D30

Contrast Checker

Text on white

7.64:1

AA Pass AAA Pass

Text on black

2.75:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026