#0B552D

#0B552D

Color Values

HEX

#0B552D

RGB

11, 85, 45

HSL

147.6, 77.1%, 18.8%

HSV

147.6, 87.1%, 33.3%

CMYK

87.1%, 0.0%, 47.1%, 66.7%

OKLCH

0.3965 0.0956 153.3

Properties

Cool Dark Nearest: RAL 6035 Pearl Green

Color Harmonies

Complementary

#0B552D

#550B33

Analogous

#0E550B

#0B5552

#0B552D

Triadic

#0B552D

#2D0B55

#552D0B

Split Complementary

#0B552D

#520B55

#550B0E

Tetradic

#0B552D

#0B0E55

#550B33

#55520B

Color Blindness Simulation

Original

#0B552D

Protanopia

#2B2C37

Deuteranopia

#272139

Tritanopia

#0F3E40

Achromatopsia

#424242

CSS Usage

background-color: #0B552D;
color: #0B552D;
border-color: #0B552D;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F2FCF7
100
#E1F9EC
200
#C0F7D9
300
#93F1BE
400
#58E99B
500
#1DE278
600
#17B560
700
#13914D
800
#0F713C
900
#0F522E
950
#09341D

Contrast Checker

Text on white

8.93:1

AA Pass AAA Pass

Text on black

2.35:1

AA Fail 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