#255E48

#255E48

Color Values

HEX

#255E48

RGB

37, 94, 72

HSL

156.8, 43.5%, 25.7%

HSV

156.8, 60.6%, 36.9%

CMYK

60.6%, 0.0%, 23.4%, 63.1%

OKLCH

0.4372 0.0706 165.1

Properties

Cool Dark Nearest: RAL 6016 Turquoise Green

Color Harmonies

Complementary

#255E48

#5E253B

Analogous

#255E2B

#25585E

#255E48

Triadic

#255E48

#48255E

#5E4825

Split Complementary

#255E48

#5E2558

#5E2B25

Tetradic

#255E48

#2B255E

#5E253B

#585E25

Color Blindness Simulation

Original

#255E48

Protanopia

#3E3E4D

Deuteranopia

#3A364F

Tritanopia

#285252

Achromatopsia

#505050

CSS Usage

background-color: #255E48;
color: #255E48;
border-color: #255E48;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F5FAF8
100
#E7F4EF
200
#CCEBDF
300
#A7DCC8
400
#78CAAA
500
#48B78C
600
#3A9270
700
#2E755A
800
#245B46
900
#1D4335
950
#132B21

Contrast Checker

Text on white

7.57:1

AA Pass AAA Pass

Text on black

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