#036331

#036331

Color Values

HEX

#036331

RGB

3, 99, 49

HSL

148.8, 94.1%, 20.0%

HSV

148.8, 97.0%, 38.8%

CMYK

97.0%, 0.0%, 50.5%, 61.2%

OKLCH

0.4383 0.1132 152.3

Properties

Cool Dark Nearest: NCS S 3060-G Dark Green

Color Harmonies

Complementary

#036331

#630335

Analogous

#056303

#036361

#036331

Triadic

#036331

#310363

#633103

Split Complementary

#036331

#610363

#630305

Tetradic

#036331

#030563

#630335

#636103

Color Blindness Simulation

Original

#036331

Protanopia

#2D2D3D

Deuteranopia

#272040

Tritanopia

#084749

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#F1FDF7
100
#DFFBED
200
#BAFDDA
300
#88FBBF
400
#48F99D
500
#08F77B
600
#06C662
700
#059E4F
800
#047C3D
900
#07592F
950
#05391E

Contrast Checker

Text on white

7.41:1

AA Pass AAA Pass

Text on black

2.83:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026