#03BEFC

#03BEFC

Color Values

HEX

#03BEFC

RGB

3, 190, 252

HSL

194.9, 97.6%, 50.0%

HSV

194.9, 98.8%, 98.8%

CMYK

98.8%, 24.6%, 0.0%, 1.2%

OKLCH

0.7517 0.1512 231.0

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#03BEFC

#FC4103

Analogous

#03FCBD

#0342FC

#03BEFC

Triadic

#03BEFC

#FC03BE

#BEFC03

Split Complementary

#03BEFC

#FC0342

#FCBD03

Tetradic

#03BEFC

#BD03FC

#FC4103

#42FC03

Color Blindness Simulation

Original

#03BEFC

Protanopia

#5456ED

Deuteranopia

#493BE9

Tritanopia

#0CE1DF

Achromatopsia

#9B9B9B

CSS Usage

background-color: #03BEFC;
color: #03BEFC;
border-color: #03BEFC;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F1FBFE
100
#DEF5FC
200
#B8EDFE
300
#86E0FE
400
#45CFFD
500
#03BEFC
600
#0298CA
700
#027AA1
800
#025F7E
900
#06465B
950
#042C39

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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