#0203B2

#0203B2

Color Values

HEX

#0203B2

RGB

2, 3, 178

HSL

239.7, 97.8%, 35.3%

HSV

239.7, 98.9%, 69.8%

CMYK

98.9%, 98.3%, 0.0%, 30.2%

OKLCH

0.3473 0.2377 264.4

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#0203B2

#B2B102

Analogous

#025BB2

#5902B2

#0203B2

Triadic

#0203B2

#B20203

#03B202

Split Complementary

#0203B2

#B25902

#5BB202

Tetradic

#0203B2

#B2025B

#B2B102

#02B259

Color Blindness Simulation

Original

#0203B2

Protanopia

#020288

Deuteranopia

#02027E

Tritanopia

#02665F

Achromatopsia

#0F0F0F

CSS Usage

background-color: #0203B2;
color: #0203B2;
border-color: #0203B2;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F1F1FE
100
#DEDEFC
200
#B8B9FE
300
#8687FE
400
#4445FD
500
#0304FC
600
#0203CA
700
#0203A1
800
#01027E
900
#06065B
950
#04043A

Contrast Checker

Text on white

12.66:1

AA Pass AAA Pass

Text on black

1.66:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026