#04DAFB

#04DAFB

Color Values

HEX

#04DAFB

RGB

4, 218, 251

HSL

188.0, 96.9%, 50.0%

HSV

188.0, 98.4%, 98.4%

CMYK

98.4%, 13.1%, 0.0%, 1.6%

OKLCH

0.8168 0.1431 213.8

Properties

Cool Light Nearest: turquoise 2

Color Harmonies

Complementary

#04DAFB

#FB2504

Analogous

#04FBA0

#045FFB

#04DAFB

Triadic

#04DAFB

#FB04DA

#DAFB04

Split Complementary

#04DAFB

#FB045F

#FBA004

Tetradic

#04DAFB

#A004FB

#FB2504

#5FFB04

Color Blindness Simulation

Original

#04DAFB

Protanopia

#6163F3

Deuteranopia

#5444F1

Tritanopia

#0FEDEB

Achromatopsia

#AFAFAF

CSS Usage

background-color: #04DAFB;
color: #04DAFB;
border-color: #04DAFB;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F1FCFE
100
#DEF8FC
200
#B9F5FE
300
#86EDFD
400
#45E4FC
500
#04DAFB
600
#03AEC9
700
#038CA1
800
#026D7E
900
#064F5B
950
#043239

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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