#2113C3

#2113C3

Color Values

HEX

#2113C3

RGB

33, 19, 195

HSL

244.8, 82.2%, 42.0%

HSV

244.8, 90.3%, 76.5%

CMYK

83.1%, 90.3%, 0.0%, 23.5%

OKLCH

0.3889 0.2428 269.5

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#2113C3

#B5C313

Analogous

#135DC3

#7913C3

#2113C3

Triadic

#2113C3

#C32113

#13C321

Split Complementary

#2113C3

#C37913

#5DC313

Tetradic

#2113C3

#C3135D

#B5C313

#13C379

Color Blindness Simulation

Original

#2113C3

Protanopia

#1B1B98

Deuteranopia

#1C1D8E

Tritanopia

#20776F

Achromatopsia

#232323

CSS Usage

background-color: #2113C3;
color: #2113C3;
border-color: #2113C3;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F3F2FD
100
#E3E1FA
200
#C3BEF9
300
#988FF4
400
#6053EE
500
#2717E8
600
#2012BA
700
#190F95
800
#140B74
900
#120D54
950
#0C0835

Contrast Checker

Text on white

10.79:1

AA Pass AAA Pass

Text on black

1.95:1

AA Fail AAA Fail

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026