#45ABFF

#45ABFF

Color Values

HEX

#45ABFF

RGB

69, 171, 255

HSL

207.1, 100.0%, 63.5%

HSV

207.1, 72.9%, 100.0%

CMYK

72.9%, 32.9%, 0.0%, 0.0%

OKLCH

0.7197 0.1542 247.1

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#45ABFF

#FF9945

Analogous

#45FFF6

#454EFF

#45ABFF

Triadic

#45ABFF

#FF45AB

#ABFF45

Split Complementary

#45ABFF

#FF454E

#FFF645

Tetradic

#45ABFF

#F645FF

#FF9945

#4EFF45

Color Blindness Simulation

Original

#45ABFF

Protanopia

#7172EB

Deuteranopia

#6B64E6

Tritanopia

#4ADBD7

Achromatopsia

#9B9B9B

CSS Usage

background-color: #45ABFF;
color: #45ABFF;
border-color: #45ABFF;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F8FE
100
#DEEFFC
200
#B8DFFF
300
#85C8FF
400
#42AAFF
500
#008CFF
600
#0070CC
700
#0059A3
800
#004680
900
#05355C
950
#03213A

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

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