#00B259

#00B259

Color Values

HEX

#00B259

RGB

0, 178, 89

HSL

150.0, 100.0%, 34.9%

HSV

150.0, 100.0%, 69.8%

CMYK

100.0%, 0.0%, 50.0%, 30.2%

OKLCH

0.6684 0.1776 151.6

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#00B259

#B20059

Analogous

#00B200

#00B2B2

#00B259

Triadic

#00B259

#5900B2

#B25900

Split Complementary

#00B259

#B200B2

#B20000

Tetradic

#00B259

#0000B2

#B20059

#B2B200

Color Blindness Simulation

Original

#00B259

Protanopia

#4D4F6F

Deuteranopia

#433574

Tritanopia

#098083

Achromatopsia

#868686

CSS Usage

background-color: #00B259;
color: #00B259;
border-color: #00B259;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F1FEF7
100
#DEFCED
200
#B8FFDB
300
#85FFC2
400
#42FFA1
500
#00FF80
600
#00CC66
700
#00A352
800
#008040
900
#055C30
950
#033A1F

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

7.51:1

AA Pass AAA Pass

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