#69F963

#69F963

Color Values

HEX

#69F963

RGB

105, 249, 99

HSL

117.6, 92.6%, 68.2%

HSV

117.6, 60.2%, 97.6%

CMYK

57.8%, 0.0%, 60.2%, 2.4%

OKLCH

0.8725 0.2283 142.7

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#69F963

#F363F9

Analogous

#B4F963

#63F9A8

#69F963

Triadic

#69F963

#6369F9

#F96369

Split Complementary

#69F963

#A863F9

#F963B4

Tetradic

#69F963

#63B4F9

#F363F9

#F9A863

Color Blindness Simulation

Original

#69F963

Protanopia

#A7A987

Deuteranopia

#9F9490

Tritanopia

#70A4AA

Achromatopsia

#D0D0D0

CSS Usage

background-color: #69F963;
color: #69F963;
border-color: #69F963;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F2FDF1
100
#E0FBDF
200
#BDFCBA
300
#8EFA89
400
#50F849
500
#13F609
600
#0FC408
700
#0C9D06
800
#097B05
900
#0B5908
950
#073805

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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