#33ABFF

#33ABFF

Color Values

HEX

#33ABFF

RGB

51, 171, 255

HSL

204.7, 100.0%, 60.0%

HSV

204.7, 80.0%, 100.0%

CMYK

80.0%, 32.9%, 0.0%, 0.0%

OKLCH

0.7152 0.1597 244.6

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#33ABFF

#FF8733

Analogous

#33FFED

#3345FF

#33ABFF

Triadic

#33ABFF

#FF33AB

#ABFF33

Split Complementary

#33ABFF

#FF3345

#FFED33

Tetradic

#33ABFF

#ED33FF

#FF8733

#45FF33

Color Blindness Simulation

Original

#33ABFF

Protanopia

#6768EB

Deuteranopia

#6057E6

Tritanopia

#39DBD7

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DEF0FC
200
#B8E2FF
300
#85CDFF
400
#42B1FF
500
#0096FF
600
#0078CC
700
#0060A3
800
#004B80
900
#05385C
950
#03233A

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

8.41:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026