#45CFFD

#45CFFD

Color Values

HEX

#45CFFD

RGB

69, 207, 253

HSL

195.0, 97.9%, 63.1%

HSV

195.0, 72.7%, 99.2%

CMYK

72.7%, 18.2%, 0.0%, 0.8%

OKLCH

0.7999 0.132 224.7

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#45CFFD

#FD7345

Analogous

#45FDCF

#4573FD

#45CFFD

Triadic

#45CFFD

#FD45CF

#CFFD45

Split Complementary

#45CFFD

#FD4573

#FDCF45

Tetradic

#45CFFD

#CF45FD

#FD7345

#73FD45

Color Blindness Simulation

Original

#45CFFD

Protanopia

#8182F2

Deuteranopia

#796EEF

Tritanopia

#4CE9E7

Achromatopsia

#B5B5B5

CSS Usage

background-color: #45CFFD;
color: #45CFFD;
border-color: #45CFFD;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F1FBFE
100
#DEF5FC
200
#B8EDFE
300
#86E0FE
400
#44CFFD
500
#03BEFC
600
#0298CA
700
#027AA1
800
#015F7E
900
#06465B
950
#042C3A

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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