#253C36

#253C36

Color Values

HEX

#253C36

RGB

37, 60, 54

HSL

164.3, 23.7%, 19.0%

HSV

164.3, 38.3%, 23.5%

CMYK

38.3%, 0.0%, 10.0%, 76.5%

OKLCH

0.335 0.0309 176.1

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#253C36

#3C252B

Analogous

#253C2A

#25363C

#253C36

Triadic

#253C36

#36253C

#3C3625

Split Complementary

#253C36

#3C2536

#3C2A25

Tetradic

#253C36

#2A253C

#3C252B

#363C25

Color Blindness Simulation

Original

#253C36

Protanopia

#2F2F37

Deuteranopia

#2E2C38

Tritanopia

#263939

Achromatopsia

#373737

CSS Usage

background-color: #253C36;
color: #253C36;
border-color: #253C36;
Nearest Tailwind: Teal 950 #042F2E

Tailwind Shades

50
#F6F9F8
100
#EAF1EF
200
#D3E4DF
300
#B3D0C9
400
#8AB7AB
500
#619E8E
600
#4E7E72
700
#3E655B
800
#314F47
900
#263B35
950
#182522

Contrast Checker

Text on white

11.81:1

AA Pass AAA Pass

Text on black

1.78: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