#06F306

#06F306

Color Values

HEX

#06F306

RGB

6, 243, 6

HSL

120.0, 95.2%, 48.8%

HSV

120.0, 97.5%, 95.3%

CMYK

97.5%, 0.0%, 97.5%, 4.7%

OKLCH

0.8357 0.2833 142.5

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#06F306

#F306F3

Analogous

#7CF306

#06F37C

#06F306

Triadic

#06F306

#0606F3

#F30606

Split Complementary

#06F306

#7C06F3

#F3067C

Tetradic

#06F306

#067CF3

#F306F3

#F37C06

Color Blindness Simulation

Original

#06F306

Protanopia

#6D6F3F

Deuteranopia

#5F4D4D

Tritanopia

#126D77

Achromatopsia

#B0B0B0

CSS Usage

background-color: #06F306;
color: #06F306;
border-color: #06F306;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F1FEF1
100
#DFFCDF
200
#B9FDB9
300
#88FC88
400
#47FA47
500
#06F906
600
#05C705
700
#049F04
800
#037C03
900
#075A07
950
#043904

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

13.83:1

AA Pass AAA Pass

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