#057248

#057248

Color Values

HEX

#057248

RGB

5, 114, 72

HSL

156.9, 91.6%, 23.3%

HSV

156.9, 95.6%, 44.7%

CMYK

95.6%, 0.0%, 36.8%, 55.3%

OKLCH

0.4874 0.1105 159.0

Properties

Cool Dark Nearest: seagreen

Color Harmonies

Complementary

#057248

#72052F

Analogous

#057212

#056572

#057248

Triadic

#057248

#480572

#724805

Split Complementary

#057248

#720565

#721205

Tetradic

#057248

#120572

#72052F

#657205

Color Blindness Simulation

Original

#057248

Protanopia

#343552

Deuteranopia

#2E2655

Tritanopia

#0A5A5C

Achromatopsia

#585858

CSS Usage

background-color: #057248;
color: #057248;
border-color: #057248;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F1FDF9
100
#DFFBF0
200
#BBFCE3
300
#8AFACF
400
#4AF7B5
500
#0BF49A
600
#09C37B
700
#079C63
800
#057A4D
900
#09583A
950
#053824

Contrast Checker

Text on white

5.99:1

AA Pass AAA Fail

Text on black

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