#0393FC

#0393FC

Color Values

HEX

#0393FC

RGB

3, 147, 252

HSL

205.3, 97.6%, 50.0%

HSV

205.3, 98.8%, 98.8%

CMYK

98.8%, 41.7%, 0.0%, 1.2%

OKLCH

0.6541 0.1861 250.3

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#0393FC

#FC6C03

Analogous

#03FCE8

#0317FC

#0393FC

Triadic

#0393FC

#FC0393

#93FC03

Split Complementary

#0393FC

#FC0317

#FCE803

Tetradic

#0393FC

#E803FC

#FC6C03

#17FC03

Color Blindness Simulation

Original

#0393FC

Protanopia

#4143E3

Deuteranopia

#392EDC

Tritanopia

#0ACFCA

Achromatopsia

#7C7C7C

CSS Usage

background-color: #0393FC;
color: #0393FC;
border-color: #0393FC;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F8FE
100
#DEEFFC
200
#B8E1FE
300
#86CBFE
400
#45AFFD
500
#0393FC
600
#0276CA
700
#025EA1
800
#02497E
900
#06375B
950
#042339

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

6.58:1

AA Pass 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