#0B2C24

#0B2C24

Color Values

HEX

#0B2C24

RGB

11, 44, 36

HSL

165.5, 60.0%, 10.8%

HSV

165.5, 75.0%, 17.3%

CMYK

75.0%, 0.0%, 18.2%, 82.7%

OKLCH

0.2662 0.0412 174.2

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#0B2C24

#2C0B13

Analogous

#0B2C14

#0B242C

#0B2C24

Triadic

#0B2C24

#240B2C

#2C240B

Split Complementary

#0B2C24

#2C0B24

#2C140B

Tetradic

#0B2C24

#140B2C

#2C0B13

#242C0B

Color Blindness Simulation

Original

#0B2C24

Protanopia

#191A26

Deuteranopia

#171526

Tritanopia

#0D2728

Achromatopsia

#242424

CSS Usage

background-color: #0B2C24;
color: #0B2C24;
border-color: #0B2C24;
Nearest Tailwind: Emerald 950 #022C22

Tailwind Shades

50
#F3FBF9
100
#E4F6F2
200
#C6F1E6
300
#9DE7D5
400
#68D9BE
500
#33CCA7
600
#29A386
700
#21836B
800
#1A6654
900
#164B3E
950
#0E2F27

Contrast Checker

Text on white

15.0:1

AA Pass AAA Pass

Text on black

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