#057242

#057242

Color Values

HEX

#057242

RGB

5, 114, 66

HSL

153.6, 91.6%, 23.3%

HSV

153.6, 95.6%, 44.7%

CMYK

95.6%, 0.0%, 42.1%, 55.3%

OKLCH

0.486 0.1164 155.9

Properties

Cool Dark Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#057242

#720535

Analogous

#05720C

#056B72

#057242

Triadic

#057242

#420572

#724205

Split Complementary

#057242

#72056B

#720C05

Tetradic

#057242

#0C0572

#720535

#6B7205

Color Blindness Simulation

Original

#057242

Protanopia

#34354E

Deuteranopia

#2E2650

Tritanopia

#0A5759

Achromatopsia

#575757

CSS Usage

background-color: #057242;
color: #057242;
border-color: #057242;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F1FDF8
100
#DFFBEF
200
#BBFCDF
300
#8AFAC9
400
#4AF7AB
500
#0BF48E
600
#09C371
700
#079C5B
800
#057A47
900
#095835
950
#053822

Contrast Checker

Text on white

6.01:1

AA Pass AAA Fail

Text on black

3.49:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026