#255C56

#255C56

Color Values

HEX

#255C56

RGB

37, 92, 86

HSL

173.5, 42.6%, 25.3%

HSV

173.5, 59.8%, 36.1%

CMYK

59.8%, 0.0%, 6.5%, 63.9%

OKLCH

0.4362 0.0587 185.6

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#255C56

#5C252B

Analogous

#255C3B

#25465C

#255C56

Triadic

#255C56

#56255C

#5C5625

Split Complementary

#255C56

#5C2546

#5C3B25

Tetradic

#255C56

#3B255C

#5C252B

#465C25

Color Blindness Simulation

Original

#255C56

Protanopia

#3D3D57

Deuteranopia

#3A3658

Tritanopia

#285959

Achromatopsia

#505050

CSS Usage

background-color: #255C56;
color: #255C56;
border-color: #255C56;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F5FAFA
100
#E7F4F2
200
#CCEBE7
300
#A8DCD6
400
#78C9C0
500
#49B6AA
600
#3B9188
700
#2F746D
800
#255B55
900
#1E433F
950
#132A28

Contrast Checker

Text on white

7.65:1

AA Pass AAA Pass

Text on black

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