#0FD870

#0FD870

Color Values

HEX

#0FD870

RGB

15, 216, 112

HSL

149.0, 87.0%, 45.3%

HSV

149.0, 93.1%, 84.7%

CMYK

93.1%, 0.0%, 48.1%, 15.3%

OKLCH

0.7734 0.2019 151.9

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#0FD870

#D80F77

Analogous

#12D80F

#0FD8D5

#0FD870

Triadic

#0FD870

#700FD8

#D8700F

Split Complementary

#0FD870

#D50FD8

#D80F12

Tetradic

#0FD870

#0F12D8

#D80F77

#D8D50F

Color Blindness Simulation

Original

#0FD870

Protanopia

#666889

Deuteranopia

#5A4B8F

Tritanopia

#199DA1

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F2FDF7
100
#E0FAED
200
#BCFADA
300
#8DF7C0
400
#4FF39E
500
#11EE7C
600
#0DBF63
700
#0B994F
800
#08773E
900
#0B562F
950
#07371E

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

11.08:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026