#03D8FC

#03D8FC

Color Values

HEX

#03D8FC

RGB

3, 216, 252

HSL

188.7, 97.6%, 50.0%

HSV

188.7, 98.8%, 98.8%

CMYK

98.8%, 14.3%, 0.0%, 1.2%

OKLCH

0.8125 0.1437 215.6

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#03D8FC

#FC2703

Analogous

#03FCA4

#035BFC

#03D8FC

Triadic

#03D8FC

#FC03D8

#D8FC03

Split Complementary

#03D8FC

#FC035B

#FCA403

Tetradic

#03D8FC

#A403FC

#FC2703

#5BFC03

Color Blindness Simulation

Original

#03D8FC

Protanopia

#5F61F3

Deuteranopia

#5343F1

Tritanopia

#0EECEB

Achromatopsia

#ADADAD

CSS Usage

background-color: #03D8FC;
color: #03D8FC;
border-color: #03D8FC;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F1FCFE
100
#DEF8FC
200
#B8F4FE
300
#86ECFE
400
#45E2FD
500
#03D8FC
600
#02ADCA
700
#028AA1
800
#026C7E
900
#064F5B
950
#043239

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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