#0BB504

#0BB504

Color Values

HEX

#0BB504

RGB

11, 181, 4

HSL

117.6, 95.7%, 36.3%

HSV

117.6, 97.8%, 71.0%

CMYK

93.9%, 0.0%, 97.8%, 29.0%

OKLCH

0.6706 0.2263 142.4

Properties

Cool Light Nearest: RAL 6038 Luminous Green

Color Harmonies

Complementary

#0BB504

#AE04B5

Analogous

#64B504

#04B555

#0BB504

Triadic

#0BB504

#040BB5

#B5040B

Split Complementary

#0BB504

#5504B5

#B50464

Tetradic

#0BB504

#0464B5

#AE04B5

#B55504

Color Blindness Simulation

Original

#0BB504

Protanopia

#55562F

Deuteranopia

#4B3E39

Tritanopia

#145158

Achromatopsia

#848484

CSS Usage

background-color: #0BB504;
color: #0BB504;
border-color: #0BB504;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F2FEF1
100
#E0FCDF
200
#BCFDB9
300
#8CFC87
400
#4EFB46
500
#0FFA05
600
#0CC804
700
#0AA004
800
#087D03
900
#0A5A07
950
#063904

Contrast Checker

Text on white

2.75:1

AA Fail AAA Fail

Text on black

7.63:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026