#45FDC6

#45FDC6

Color Values

HEX

#45FDC6

RGB

69, 253, 198

HSL

162.1, 97.9%, 63.1%

HSV

162.1, 72.7%, 99.2%

CMYK

72.7%, 0.0%, 21.7%, 0.8%

OKLCH

0.8905 0.1643 168.0

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#45FDC6

#FD457C

Analogous

#45FD6A

#45D8FD

#45FDC6

Triadic

#45FDC6

#C645FD

#FDC645

Split Complementary

#45FDC6

#FD45D8

#FD6A45

Tetradic

#45FDC6

#6A45FD

#FD457C

#D8FD45

Color Blindness Simulation

Original

#45FDC6

Protanopia

#9596D3

Deuteranopia

#8A7CD6

Tritanopia

#4EDEE0

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F1FEFA
100
#DEFCF3
200
#B8FEE9
300
#86FEDA
400
#44FDC6
500
#03FCB2
600
#02CA8E
700
#02A172
800
#017E59
900
#065B42
950
#043A29

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

16.12:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026