#0FC063

#0FC063

Color Values

HEX

#0FC063

RGB

15, 192, 99

HSL

148.5, 85.5%, 40.6%

HSV

148.5, 92.2%, 75.3%

CMYK

92.2%, 0.0%, 48.4%, 24.7%

OKLCH

0.7084 0.1844 151.8

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#0FC063

#C00F6C

Analogous

#13C00F

#0FC0BC

#0FC063

Triadic

#0FC063

#630FC0

#C0630F

Split Complementary

#0FC063

#BC0FC0

#C00F13

Tetradic

#0FC063

#0F13C0

#C00F6C

#C0BC0F

Color Blindness Simulation

Original

#0FC063

Protanopia

#5C5D79

Deuteranopia

#51447F

Tritanopia

#188B8F

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F2FDF7
100
#E0FAED
200
#BDFADA
300
#8DF6BF
400
#50F19D
500
#12ED7A
600
#0FBD62
700
#0C974E
800
#09763D
900
#0B562F
950
#07361D

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

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