#45FCA4

#45FCA4

Color Values

HEX

#45FCA4

RGB

69, 252, 164

HSL

151.1, 96.8%, 62.9%

HSV

151.1, 72.6%, 98.8%

CMYK

72.6%, 0.0%, 34.9%, 1.2%

OKLCH

0.8805 0.19 157.1

Properties

Cool Light Nearest: seagreen 1

Color Harmonies

Complementary

#45FCA4

#FC459D

Analogous

#45FC48

#45F9FC

#45FCA4

Triadic

#45FCA4

#A445FC

#FCA445

Split Complementary

#45FCA4

#FC45F9

#FC4845

Tetradic

#45FCA4

#4845FC

#FC459D

#F9FC45

Color Blindness Simulation

Original

#45FCA4

Protanopia

#9496B9

Deuteranopia

#8A7CBE

Tritanopia

#4ECACE

Achromatopsia

#CFCFCF

CSS Usage

background-color: #45FCA4;
color: #45FCA4;
border-color: #45FCA4;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F1FEF8
100
#DEFCEE
200
#B9FEDD
300
#87FDC4
400
#45FCA4
500
#04FB84
600
#03C96A
700
#03A154
800
#027D42
900
#065B32
950
#043920

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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