#126336

#126336

Color Values

HEX

#126336

RGB

18, 99, 54

HSL

146.7, 69.2%, 22.9%

HSV

146.7, 81.8%, 38.8%

CMYK

81.8%, 0.0%, 45.5%, 61.2%

OKLCH

0.4416 0.1047 153.3

Properties

Cool Dark Nearest: NCS S 3060-G Dark Green

Color Harmonies

Complementary

#126336

#63123F

Analogous

#166312

#12635E

#126336

Triadic

#126336

#361263

#633612

Split Complementary

#126336

#5E1263

#631216

Tetradic

#126336

#121663

#63123F

#635E12

Color Blindness Simulation

Original

#126336

Protanopia

#353641

Deuteranopia

#302A44

Tritanopia

#16494B

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E3F8EC
200
#C3F4D9
300
#97ECBD
400
#5FE299
500
#27D876
600
#1FAD5E
700
#198A4B
800
#146C3B
900
#124F2D
950
#0C321D

Contrast Checker

Text on white

7.33:1

AA Pass AAA Pass

Text on black

2.86:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026