#40936B

#40936B

Color Values

HEX

#40936B

RGB

64, 147, 107

HSL

151.1, 39.3%, 41.4%

HSV

151.1, 56.5%, 57.6%

CMYK

56.5%, 0.0%, 27.2%, 42.4%

OKLCH

0.6005 0.1023 160.0

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#40936B

#934068

Analogous

#409342

#409293

#40936B

Triadic

#40936B

#6B4093

#936B40

Split Complementary

#40936B

#934092

#934240

Tetradic

#40936B

#424093

#934068

#929340

Color Blindness Simulation

Original

#40936B

Protanopia

#646575

Deuteranopia

#5F5977

Tritanopia

#447C7E

Achromatopsia

#7E7E7E

CSS Usage

background-color: #40936B;
color: #40936B;
border-color: #40936B;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5FAF7
100
#E7F3ED
200
#CDE9DC
300
#AADAC3
400
#7CC6A2
500
#4DB281
600
#3E8E67
700
#327253
800
#275941
900
#1F4231
950
#14291F

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

5.6:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026