#03B4FC

#03B4FC

Color Values

HEX

#03B4FC

RGB

3, 180, 252

HSL

197.3, 97.6%, 50.0%

HSV

197.3, 98.8%, 98.8%

CMYK

98.8%, 28.6%, 0.0%, 1.2%

OKLCH

0.7286 0.1571 236.3

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#03B4FC

#FC4B03

Analogous

#03FCC7

#0338FC

#03B4FC

Triadic

#03B4FC

#FC03B4

#B4FC03

Split Complementary

#03B4FC

#FC0338

#FCC703

Tetradic

#03B4FC

#C703FC

#FC4B03

#38FC03

Color Blindness Simulation

Original

#03B4FC

Protanopia

#5051EB

Deuteranopia

#4538E6

Tritanopia

#0CDDDA

Achromatopsia

#949494

CSS Usage

background-color: #03B4FC;
color: #03B4FC;
border-color: #03B4FC;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F1FAFE
100
#DEF3FC
200
#B8EAFE
300
#86DBFE
400
#45C8FD
500
#03B4FC
600
#0290CA
700
#0273A1
800
#025A7E
900
#06425B
950
#042A39

Contrast Checker

Text on white

2.35:1

AA Fail AAA Fail

Text on black

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