#06F998

#06F998

Color Values

HEX

#06F998

RGB

6, 249, 152

HSL

156.0, 95.3%, 50.0%

HSV

156.0, 97.6%, 97.6%

CMYK

97.6%, 0.0%, 39.0%, 2.4%

OKLCH

0.8641 0.2069 156.5

Properties

Cool Light Nearest: mediumspringgreen

Color Harmonies

Complementary

#06F998

#F90667

Analogous

#06F91E

#06E1F9

#06F998

Triadic

#06F998

#9806F9

#F99806

Split Complementary

#06F998

#F906E1

#F91E06

Tetradic

#06F998

#1E06F9

#F90667

#E1F906

Color Blindness Simulation

Original

#06F998

Protanopia

#6F71AF

Deuteranopia

#614FB5

Tritanopia

#12C2C6

Achromatopsia

#BEBEBE

CSS Usage

background-color: #06F998;
color: #06F998;
border-color: #06F998;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F1FEF9
100
#DFFCF0
200
#B9FDE2
300
#87FCCD
400
#47FBB3
500
#06F998
600
#05C779
700
#049F61
800
#037D4C
900
#075A39
950
#043924

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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