#033FFC

#033FFC

Color Values

HEX

#033FFC

RGB

3, 63, 252

HSL

225,5, 97,6%, 50,0%

HSV

225,5, 98,8%, 98,8%

CMYK

98,8%, 75,0%, 0,0%, 1,2%

OKLCH

0,4968 0,2777 264,0

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#033FFC

#FCC003

Analogous

#03BCFC

#4303FC

#033FFC

Triadic

#033FFC

#FC033F

#3FFC03

Split Complementary

#033FFC

#FC4303

#BCFC03

Tetradic

#033FFC

#FC03BC

#FCC003

#03FC43

Color Blindness Simulation

Original

#033FFC

Protanopia

#1D1ECE

Deuteranopia

#1A15C3

Tritanopia

#06AAA2

Achromatopsia

#404040

CSS Usage

background-color: #033FFC;
color: #033FFC;
border-color: #033FFC;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F1F4FE
100
#DEE5FC
200
#B8C9FE
300
#86A3FE
400
#4571FD
500
#033FFC
600
#0233CA
700
#0228A1
800
#02207E
900
#061A5B
950
#041139

Contrast Checker

Text on white

6,73:1

AA Pass AAA Fail

Text on black

3,12:1

AA Fail AAA Fail

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