#006F30

#006F30

Color Values

HEX

#006F30

RGB

0, 111, 48

HSL

145.9, 100.0%, 21.8%

HSV

145.9, 100.0%, 43.5%

CMYK

100.0%, 0.0%, 56.8%, 56.5%

OKLCH

0.4734 0.1308 149.9

Properties

Cool Dark Nearest: NCS S 2060-G Deep Green

Color Harmonies

Complementary

#006F30

#6F003F

Analogous

#086F00

#006F68

#006F30

Triadic

#006F30

#30006F

#6F3000

Split Complementary

#006F30

#68006F

#6F0008

Tetradic

#006F30

#00086F

#6F003F

#6F6800

Color Blindness Simulation

Original

#006F30

Protanopia

#30313F

Deuteranopia

#2A2143

Tritanopia

#064B4E

Achromatopsia

#535353

CSS Usage

background-color: #006F30;
color: #006F30;
border-color: #006F30;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F1FEF6
100
#DEFCEB
200
#B8FFD6
300
#85FFB9
400
#42FF94
500
#00FF6E
600
#00CC58
700
#00A346
800
#008037
900
#055C2A
950
#033A1B

Contrast Checker

Text on white

6.33:1

AA Pass AAA Fail

Text on black

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