Start generating
2100A3

#2100A3 closest to Dramatic Blue

#2100A3 is a dark, vivid blue; the closest named color is Dramatic Blue. In the RGB color model it is made of 12.9% red, 0.0% green and 63.9% blue (rgb(33, 0, 163)). Its HSL value is 252° hue, 100% saturation and 32% lightness, and in CMYK it is 80% cyan, 100% magenta, 0% yellow and 36% black. #2100A3 is a cool color. White text reads best on it, with a contrast ratio of 13.18:1.

Make a palette with #2100A3

#2100A3 color conversion

HEX
RGB
HSL
HSB / HSV
HWB
CMYK
XYZ
CIELAB
CIELCh
CIELUV
OKLCH

Variations of #2100A3

Shades

Mixed with black: richer and darker.

2100A31B008D1600781000630B004F06003C03002A01001900000A000001

Tints

Mixed with white: lighter and softer.

2100A32C30AE3D4BB95063C4667ACE7E90D796A6E0AFBCE9C9D2F1E4E9F8

Tones

Mixed with gray: calmer and more muted.

2100A32421A12A329F323F9C3C4A9A465496515E935C678F68708B747886

Hues

The same lightness and chroma, rotated around the color wheel.

003E4E003C54003B5C003769002B872100A333009840008C4B00805300735A0066

Temperatures

Cooler on the left, warmer on the right.

2126B62121B2211BAE2114AB210BA72100A32618A12C259F332F9D3B379A433E98

#2100A3 color harmonies

Complementary

The opposite hue — maximum contrast and energy.

2100A382A300
Open in generator →

Split complementary

The two hues next to the complement — contrast with less tension.

2100A3A3730030A300
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

2100A30030A37300A3
Open in generator →

Triadic

Three hues evenly spaced at 120° — vibrant yet balanced.

2100A3A3210000A321
Open in generator →

Tetradic

Two complementary pairs — rich, best with one dominant color.

2100A3A3008282A30000A321
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

2100A3A3003082A30000A373
Open in generator →

#2100A3 for color-blind viewers (and dogs)

How #2100A3 appears with each type of color vision deficiency (Machado 2009 model) — and to your dog. Try the dog vision simulator →

  • Dog vision 91% similarHow dogs see it · simulated as #0028A1
  • Protanopia 85% similar1.3% of men, 0.02% of women · simulated as #0037A7
  • Protanomaly 89% similar1.3% of men, 0.02% of women · simulated as #002EA5
  • Deuteranopia 91% similar1.2% of men, 0.01% of women · simulated as #0028A1
  • Deuteranomaly 93% similar5% of men, 0.35% of women · simulated as #0022A2
  • Tritanopia 68% similar0.001% of men, 0.03% of women · simulated as #00415E
  • Tritanomaly 88% similar0.0001% of men, 0.0001% of women · simulated as #002889
  • Achromatopsia 56% similar0.003% of men, 0.003% of women · simulated as #303030
  • Achromatomaly 74% similar0.001% of men, 0.001% of women · simulated as #2D295F

#2100A3 contrast checker

AaThe quick brown fox jumps over the lazy dog.
13.18:1 Super#2100A3 text on white
AA normalPassAAA normalPass
AA largePassAAA largePass
AaThe quick brown fox jumps over the lazy dog.
1.59:1 Very poor#2100A3 text on black
AA normalFailAAA normalFail
AA largeFailAAA largeFail

Need another background? Pick any pair in the palette generator and open the contrast panel.

Colors similar to #2100A3

Palettes with #2100A3

#2100A3 in CSS

/* Dramatic Blue */
.color { color: #2100A3; }
.background { background-color: #2100A3; }
.border { border: 1px solid #2100A3; }

/* Other notations */
color: rgb(33 0 163);
color: hsl(252 100% 32%);
color: oklch(0.336 0.216 272.2);

#2100A3 FAQ

What color is #2100A3?

#2100A3 is a dark, vivid blue. Its closest named color is Dramatic Blue. It belongs to the blue color family and is a cool color.

What is the RGB value of #2100A3?

#2100A3 is rgb(33, 0, 163) in RGB, hsl(252, 100%, 32%) in HSL and cmyk(80%, 100%, 0%, 36%) in CMYK.

What is the complementary color of #2100A3?

The complementary color of #2100A3 is #82A300, which sits opposite it on the color wheel.

Which text color works on #2100A3?

White text has the best contrast on #2100A3: 13.18:1, which meets the WCAG AA requirement of 4.5:1 for normal text.

Is #2100A3 a warm or cool color?

#2100A3 is a cool color.