#056334

#056334

Color Values

HEX

#056334

RGB

5, 99, 52

HSL

150.0, 90.4%, 20.4%

HSV

150.0, 94.9%, 38.8%

CMYK

94.9%, 0.0%, 47.5%, 61.2%

OKLCH

0.4391 0.1098 153.5

Properties

Cool Dark Nearest: NCS S 3060-G Dark Green

Color Harmonies

Complementary

#056334

#630534

Analogous

#056305

#056363

#056334

Triadic

#056334

#340563

#633405

Split Complementary

#056334

#630563

#630505

Tetradic

#056334

#050563

#630534

#636305

Color Blindness Simulation

Original

#056334

Protanopia

#2E2F3F

Deuteranopia

#282142

Tritanopia

#0A484A

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F1FDF7
100
#DFFBED
200
#BBFCDB
300
#8AF9C2
400
#4BF6A1
500
#0CF380
600
#0AC266
700
#089B52
800
#067940
900
#095830
950
#06371F

Contrast Checker

Text on white

7.39:1

AA Pass AAA Pass

Text on black

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