#45F742

#45F742

Color Values

HEX

#45F742

RGB

69, 247, 66

HSL

119.0, 91.9%, 61.4%

HSV

119.0, 73.3%, 96.9%

CMYK

72.1%, 0.0%, 73.3%, 3.1%

OKLCH

0.8552 0.2595 142.7

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#45F742

#F442F7

Analogous

#A0F742

#42F79A

#45F742

Triadic

#45F742

#4245F7

#F74245

Split Complementary

#45F742

#9A42F7

#F742A0

Tetradic

#45F742

#42A0F7

#F442F7

#F79A42

Color Blindness Simulation

Original

#45F742

Protanopia

#92946E

Deuteranopia

#887A78

Tritanopia

#4E9098

Achromatopsia

#C4C4C4

CSS Usage

background-color: #45F742;
color: #45F742;
border-color: #45F742;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F2FDF1
100
#E0FBDF
200
#BCFCBA
300
#8BFA8A
400
#4DF74A
500
#0EF50A
600
#0BC408
700
#099D07
800
#077A05
900
#0A5908
950
#063805

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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