#40FF69

#40FF69

Color Values

HEX

#40FF69

RGB

64, 255, 105

HSL

132,9, 100,0%, 62,5%

HSV

132,9, 74,9%, 100,0%

CMYK

74,9%, 0,0%, 58,8%, 0,0%

OKLCH

0,8779 0,2442 146,3

Properties

Cool Light Nearest: springgreen

Color Harmonies

Complementary

#40FF69

#FF40D6

Analogous

#76FF40

#40FFC8

#40FF69

Triadic

#40FF69

#6940FF

#FF6940

Split Complementary

#40FF69

#C840FF

#FF4076

Tetradic

#40FF69

#4076FF

#FF40D6

#FFC840

Color Blindness Simulation

Original

#40FF69

Protanopia

#93948D

Deuteranopia

#887996

Tritanopia

#4AAAB0

Achromatopsia

#CCCCCC

CSS Usage

background-color: #40FF69;
color: #40FF69;
border-color: #40FF69;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F1FEF4
100
#DEFCE5
200
#B8FFC7
300
#85FF9F
400
#42FF6B
500
#00FF37
600
#00CC2C
700
#00A323
800
#00801B
900
#055C18
950
#033A0F

Contrast Checker

Text on white

1,34:1

AA Fail AAA Fail

Text on black

15,73: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