#203EDF

#203EDF

Color Values

HEX

#203EDF

RGB

32, 62, 223

HSL

230,6, 74,9%, 50,0%

HSV

230,6, 85,7%, 87,5%

CMYK

85,7%, 72,2%, 0,0%, 12,5%

OKLCH

0,4695 0,242 266,6

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#203EDF

#DFC120

Analogous

#209DDF

#6220DF

#203EDF

Triadic

#203EDF

#DF203E

#3EDF20

Split Complementary

#203EDF

#DF6220

#9DDF20

Tetradic

#203EDF

#DF209D

#DFC120

#20DF62

Color Blindness Simulation

Original

#203EDF

Protanopia

#2D2DB8

Deuteranopia

#2B29AF

Tritanopia

#229993

Achromatopsia

#434343

CSS Usage

background-color: #203EDF;
color: #203EDF;
border-color: #203EDF;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F4FC
100
#E2E5F9
200
#C1C9F6
300
#94A2F0
400
#5A70E7
500
#203EDF
600
#1A32B2
700
#14288F
800
#101F6F
900
#101A51
950
#0A1033

Contrast Checker

Text on white

7,46:1

AA Pass AAA Pass

Text on black

2,82: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