#0FD86F

#0FD86F

Color Values

HEX

#0FD86F

RGB

15, 216, 111

HSL

148,7, 87,0%, 45,3%

HSV

148,7, 93,1%, 84,7%

CMYK

93,1%, 0,0%, 48,6%, 15,3%

OKLCH

0,7733 0,2027 151,7

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#0FD86F

#D80F78

Analogous

#13D80F

#0FD8D4

#0FD86F

Triadic

#0FD86F

#6F0FD8

#D86F0F

Split Complementary

#0FD86F

#D40FD8

#D80F13

Tetradic

#0FD86F

#0F13D8

#D80F78

#D8D40F

Color Blindness Simulation

Original

#0FD86F

Protanopia

#666888

Deuteranopia

#5A4B8E

Tritanopia

#199CA1

Achromatopsia

#A6A6A6

CSS Usage

background-color: #0FD86F;
color: #0FD86F;
border-color: #0FD86F;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F2FDF7
100
#E0FAED
200
#BCFADA
300
#8DF7BF
400
#4FF39D
500
#11EE7B
600
#0DBF62
700
#0B994F
800
#08773D
900
#0B562F
950
#07371E

Contrast Checker

Text on white

1,9:1

AA Fail AAA Fail

Text on black

11,07: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