#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026