#45FDD4

#45FDD4

Color Values

HEX

#45FDD4

RGB

69, 253, 212

HSL

166.6, 97.9%, 63.1%

HSV

166.6, 72.7%, 99.2%

CMYK

72.7%, 0.0%, 16.2%, 0.8%

OKLCH

0.8941 0.1554 173.9

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#45FDD4

#FD456E

Analogous

#45FD78

#45CAFD

#45FDD4

Triadic

#45FDD4

#D445FD

#FDD445

Split Complementary

#45FDD4

#FD45CA

#FD7845

Tetradic

#45FDD4

#7845FD

#FD456E

#CAFD45

Color Blindness Simulation

Original

#45FDD4

Protanopia

#9596DE

Deuteranopia

#8A7CE0

Tritanopia

#4EE6E7

Achromatopsia

#D3D3D3

CSS Usage

background-color: #45FDD4;
color: #45FDD4;
border-color: #45FDD4;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F1FEFB
100
#DEFCF5
200
#B8FEEF
300
#86FEE3
400
#44FDD4
500
#03FCC5
600
#02CA9D
700
#02A17E
800
#017E62
900
#065B48
950
#043A2E

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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