#45FDD3

#45FDD3

Color Values

HEX

#45FDD3

RGB

69, 253, 211

HSL

166.3, 97.9%, 63.1%

HSV

166.3, 72.7%, 99.2%

CMYK

72.7%, 0.0%, 16.6%, 0.8%

OKLCH

0.8938 0.1559 173.4

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#45FDD3

#FD456F

Analogous

#45FD77

#45CBFD

#45FDD3

Triadic

#45FDD3

#D345FD

#FDD345

Split Complementary

#45FDD3

#FD45CB

#FD7745

Tetradic

#45FDD3

#7745FD

#FD456F

#CBFD45

Color Blindness Simulation

Original

#45FDD3

Protanopia

#9596DD

Deuteranopia

#8A7CE0

Tritanopia

#4EE5E7

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F1FEFB
100
#DEFCF5
200
#B8FEEE
300
#86FEE2
400
#44FDD3
500
#03FCC3
600
#02CA9C
700
#02A17D
800
#017E62
900
#065B48
950
#043A2D

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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