#04AEFB

#04AEFB

Color Values

HEX

#04AEFB

RGB

4, 174, 251

HSL

198.7, 96.9%, 50.0%

HSV

198.7, 98.4%, 98.4%

CMYK

98.4%, 30.7%, 0.0%, 1.6%

OKLCH

0.7144 0.1603 239.0

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#04AEFB

#FB5104

Analogous

#04FBCD

#0432FB

#04AEFB

Triadic

#04AEFB

#FB04AE

#AEFB04

Split Complementary

#04AEFB

#FB0432

#FBCD04

Tetradic

#04AEFB

#CD04FB

#FB5104

#32FB04

Color Blindness Simulation

Original

#04AEFB

Protanopia

#4E4FE8

Deuteranopia

#4437E4

Tritanopia

#0CDAD6

Achromatopsia

#8F8F8F

CSS Usage

background-color: #04AEFB;
color: #04AEFB;
border-color: #04AEFB;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F1FAFE
100
#DEF3FC
200
#B9E8FE
300
#86D8FD
400
#45C3FC
500
#04AEFB
600
#038BC9
700
#036FA1
800
#02577E
900
#06405B
950
#042939

Contrast Checker

Text on white

2.48:1

AA Fail AAA Fail

Text on black

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