#153236

#153236

Color Values

HEX

#153236

RGB

21, 50, 54

HSL

187.3, 44.0%, 14.7%

HSV

187.3, 61.1%, 21.2%

CMYK

61.1%, 7.4%, 0.0%, 78.8%

OKLCH

0.2966 0.0355 207.2

Properties

Cool Dark Nearest: RAL 5001 Green Blue

Color Harmonies

Complementary

#153236

#361915

Analogous

#153629

#152136

#153236

Triadic

#153236

#361532

#323615

Split Complementary

#153236

#361521

#362915

Tetradic

#153236

#291536

#361915

#213615

Color Blindness Simulation

Original

#153236

Protanopia

#222235

Deuteranopia

#201E35

Tritanopia

#163434

Achromatopsia

#2C2C2C

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F2F4
200
#CCE7EB
300
#A7D6DD
400
#77C0CA
500
#47AAB8
600
#398893
700
#2E6D76
800
#24555C
900
#1D3F44
950
#12282B

Contrast Checker

Text on white

13.62:1

AA Pass AAA Pass

Text on black

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