#45CAFC

#45CAFC

Color Values

HEX

#45CAFC

RGB

69, 202, 252

HSL

196.4, 96.8%, 62.9%

HSV

196.4, 72.6%, 98.8%

CMYK

72.6%, 19.8%, 0.0%, 1.2%

OKLCH

0.788 0.1326 227.6

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#45CAFC

#FC7745

Analogous

#45FCD2

#456EFC

#45CAFC

Triadic

#45CAFC

#FC45CA

#CAFC45

Split Complementary

#45CAFC

#FC456E

#FCD245

Tetradic

#45CAFC

#D245FC

#FC7745

#6EFC45

Color Blindness Simulation

Original

#45CAFC

Protanopia

#7F80F0

Deuteranopia

#776DED

Tritanopia

#4CE6E4

Achromatopsia

#B1B1B1

CSS Usage

background-color: #45CAFC;
color: #45CAFC;
border-color: #45CAFC;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F1FAFE
100
#DEF4FC
200
#B9EBFE
300
#87DDFD
400
#45CAFC
500
#04B7FB
600
#0393C9
700
#0375A1
800
#025C7D
900
#06445B
950
#042B39

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

11.11:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026