#23DC31

#23DC31

Color Values

HEX

#23DC31

RGB

35, 220, 49

HSL

124.5, 72.5%, 50.0%

HSV

124.5, 84.1%, 86.3%

CMYK

84.1%, 0.0%, 77.7%, 13.7%

OKLCH

0.779 0.2477 143.4

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#23DC31

#DC23CE

Analogous

#72DC23

#23DC8D

#23DC31

Triadic

#23DC31

#3123DC

#DC3123

Split Complementary

#23DC31

#8D23DC

#DC2372

Tetradic

#23DC31

#2372DC

#DC23CE

#DC8D23

Color Blindness Simulation

Original

#23DC31

Protanopia

#73755A

Deuteranopia

#685A64

Tritanopia

#2C7B82

Achromatopsia

#A8A8A8

CSS Usage

background-color: #23DC31;
color: #23DC31;
border-color: #23DC31;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F3FCF3
100
#E2F8E4
200
#C1F5C5
300
#95EE9C
400
#5CE567
500
#23DC31
600
#1CB027
700
#168D1F
800
#126E18
900
#115016
950
#0B330E

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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