#254842

#254842

Color Values

HEX

#254842

RGB

37, 72, 66

HSL

169.7, 32.1%, 21.4%

HSV

169.7, 48.6%, 28.2%

CMYK

48.6%, 0.0%, 8.3%, 71.8%

OKLCH

0.3732 0.0423 181.6

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#254842

#48252B

Analogous

#254831

#253D48

#254842

Triadic

#254842

#422548

#484225

Split Complementary

#254842

#48253D

#483125

Tetradic

#254842

#312548

#48252B

#3D4825

Color Blindness Simulation

Original

#254842

Protanopia

#343443

Deuteranopia

#323044

Tritanopia

#274545

Achromatopsia

#404040

CSS Usage

background-color: #254842;
color: #254842;
border-color: #254842;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F5F9F9
100
#E8F2F0
200
#D0E7E3
300
#AED5CF
400
#82BFB5
500
#57A89A
600
#45877C
700
#376C63
800
#2B544D
900
#223E3A
950
#162724

Contrast Checker

Text on white

10.08:1

AA Pass AAA Pass

Text on black

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