#45FDDF

#45FDDF

Color Values

HEX

#45FDDF

RGB

69, 253, 223

HSL

170,2, 97,9%, 63,1%

HSV

170,2, 72,7%, 99,2%

CMYK

72,7%, 0,0%, 11,9%, 0,8%

OKLCH

0,8971 0,1496 179,0

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#45FDDF

#FD4563

Analogous

#45FD83

#45BFFD

#45FDDF

Triadic

#45FDDF

#DF45FD

#FDDF45

Split Complementary

#45FDDF

#FD45BF

#FD8345

Tetradic

#45FDDF

#8345FD

#FD4563

#BFFD45

Color Blindness Simulation

Original

#45FDDF

Protanopia

#9596E6

Deuteranopia

#8A7CE8

Tritanopia

#4EECED

Achromatopsia

#D4D4D4

CSS Usage

background-color: #45FDDF;
color: #45FDDF;
border-color: #45FDDF;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F1FEFC
100
#DEFCF7
200
#B8FEF3
300
#86FEEA
400
#44FDDF
500
#03FCD4
600
#02CAA9
700
#02A187
800
#017E6A
900
#065B4D
950
#043A31

Contrast Checker

Text on white

1,28:1

AA Fail AAA Fail

Text on black

16,37:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fév 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fév 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fév 19, 2026