#11B072

#11B072

Color Values

HEX

#11B072

RGB

17, 176, 114

HSL

156.6, 82.4%, 37.8%

HSV

156.6, 90.3%, 69.0%

CMYK

90.3%, 0.0%, 35.2%, 31.0%

OKLCH

0.6688 0.1508 159.0

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#11B072

#B0114F

Analogous

#11B022

#119EB0

#11B072

Triadic

#11B072

#7211B0

#B07211

Split Complementary

#11B072

#B0119E

#B02211

Tetradic

#11B072

#2211B0

#B0114F

#9EB011

Color Blindness Simulation

Original

#11B072

Protanopia

#565781

Deuteranopia

#4D4185

Tritanopia

#198D8F

Achromatopsia

#8A8A8A

CSS Usage

background-color: #11B072;
color: #11B072;
border-color: #11B072;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F2FDF9
100
#E1FAF0
200
#BEF9E2
300
#8FF4CD
400
#53EEB2
500
#16E997
600
#12BA78
700
#0E9560
800
#0B744B
900
#0D5438
950
#083524

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

7.48:1

AA Pass AAA Pass

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