#69DC23

#69DC23

Color Values

HEX

#69DC23

RGB

105, 220, 35

HSL

97.3, 72.5%, 50.0%

HSV

97.3, 84.1%, 86.3%

CMYK

52.3%, 0.0%, 84.1%, 13.7%

OKLCH

0.7957 0.2314 137.2

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#69DC23

#9623DC

Analogous

#C5DC23

#23DC3A

#69DC23

Triadic

#69DC23

#2369DC

#DC2369

Split Complementary

#69DC23

#3A23DC

#DC23C5

Tetradic

#69DC23

#23C5DC

#9623DC

#DC3A23

Color Blindness Simulation

Original

#69DC23

Protanopia

#9B9C50

Deuteranopia

#948C5A

Tritanopia

#6F737B

Achromatopsia

#B6B6B6

CSS Usage

background-color: #69DC23;
color: #69DC23;
border-color: #69DC23;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F6FCF3
100
#EAF8E2
200
#D5F5C1
300
#B7EE95
400
#90E55C
500
#69DC23
600
#54B01C
700
#438D16
800
#356E12
900
#295011
950
#1A330B

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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