#45FDD7

#45FDD7

Color Values

HEX

#45FDD7

RGB

69, 253, 215

HSL

167.6, 97.9%, 63.1%

HSV

167.6, 72.7%, 99.2%

CMYK

72.7%, 0.0%, 15.0%, 0.8%

OKLCH

0.8949 0.1537 175.2

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#45FDD7

#FD456B

Analogous

#45FD7B

#45C7FD

#45FDD7

Triadic

#45FDD7

#D745FD

#FDD745

Split Complementary

#45FDD7

#FD45C7

#FD7B45

Tetradic

#45FDD7

#7B45FD

#FD456B

#C7FD45

Color Blindness Simulation

Original

#45FDD7

Protanopia

#9596E0

Deuteranopia

#8A7CE2

Tritanopia

#4EE7E9

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F1FEFB
100
#DEFCF6
200
#B8FEF0
300
#86FEE5
400
#44FDD7
500
#03FCC9
600
#02CAA1
700
#02A180
800
#017E64
900
#065B49
950
#043A2E

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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