#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026