#45FDC8

#45FDC8

Color Values

HEX

#45FDC8

RGB

69, 253, 200

HSL

162.7, 97.9%, 63.1%

HSV

162.7, 72.7%, 99.2%

CMYK

72.7%, 0.0%, 20.9%, 0.8%

OKLCH

0.891 0.1629 168.8

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#45FDC8

#FD457A

Analogous

#45FD6C

#45D6FD

#45FDC8

Triadic

#45FDC8

#C845FD

#FDC845

Split Complementary

#45FDC8

#FD45D6

#FD6C45

Tetradic

#45FDC8

#6C45FD

#FD457A

#D6FD45

Color Blindness Simulation

Original

#45FDC8

Protanopia

#9596D5

Deuteranopia

#8A7CD8

Tritanopia

#4EDFE1

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F1FEFA
100
#DEFCF3
200
#B8FEEA
300
#86FEDB
400
#44FDC8
500
#03FCB4
600
#02CA90
700
#02A173
800
#017E5A
900
#065B43
950
#043A2A

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

16.14:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026