#45FCE2

#45FCE2

Color Values

HEX

#45FCE2

RGB

69, 252, 226

HSL

171.5, 96.8%, 62.9%

HSV

171.5, 72.6%, 98.8%

CMYK

72.6%, 0.0%, 10.3%, 1.2%

OKLCH

0.8956 0.1474 181.0

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#45FCE2

#FC455F

Analogous

#45FC86

#45BAFC

#45FCE2

Triadic

#45FCE2

#E245FC

#FCE245

Split Complementary

#45FCE2

#FC45BA

#FC8645

Tetradic

#45FCE2

#8645FC

#FC455F

#BAFC45

Color Blindness Simulation

Original

#45FCE2

Protanopia

#9496E8

Deuteranopia

#8A7CEA

Tritanopia

#4EEDEE

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F1FEFC
100
#DEFCF8
200
#B9FEF4
300
#87FDEC
400
#45FCE2
500
#04FBD8
600
#03C9AD
700
#03A18A
800
#027D6C
900
#065B4F
950
#043932

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

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