#2153d1 hex color

In a RGB color space, hex #2153d1 is composed of 12.9% red, 32.5% green and 82% blue. Whereas in a CMYK color space, it is composed of 84.2% cyan, 60.3% magenta, 0% yellow and 18% black. It has a hue angle of 223 degrees, a saturation of 72.7% and a lightness of 47.5%. #2153d1 color hex could be obtained by blending #42a6ff with #0000a3. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 33
- B 82
RGB color chart
- C 84
- M 60
- Y 0
- K 18
CMYK color chart

● #2153d1 color description : Strong blue.

The hexadecimal color #2153d1 has RGB values of R:33, G:83, B:209 and CMYK values of C:0.84, M:0.6, Y:0, K:0.18. Its decimal value is 2184145.

Hex triplet	2153d1	`#2153d1`
RGB Decimal	33, 83, 209	`rgb(33,83,209)`
RGB Percent	12.9, 32.5, 82	`rgb(12.9%,32.5%,82%)`
CMYK	84, 60, 0, 18
HSL	223°, 72.7, 47.5	`hsl(223,72.7%,47.5%)`
HSV (or HSB)	223°, 84.2, 82
Web Safe	3366cc	`#3366cc`

CIE-LAB	39.769, 31.173, -69.314
XYZ	15.227, 11.112, 61.66
xyY	0.173, 0.126, 11.112
CIE-LCH	39.769, 76.002, 294.215
CIE-LUV	39.769, -16.457, -101.201
Hunter-Lab	33.335, 23.199, -86.336
Binary	00100001, 01010011, 11010001

#2153d1
```
#2153d1 rgb(33,83,209)
```
#d19f21
```
#d19f21 rgb(209,159,33)
```

Complementary Color

#21abd1
```
#21abd1 rgb(33,171,209)
```
#2153d1
```
#2153d1 rgb(33,83,209)
```
#4721d1
```
#4721d1 rgb(71,33,209)
```

Analogous Color

#abd121
```
#abd121 rgb(171,209,33)
```
#2153d1
```
#2153d1 rgb(33,83,209)
```
#d14721
```
#d14721 rgb(209,71,33)
```

Split Complementary Color

#53d121
```
#53d121 rgb(83,209,33)
```
#2153d1
```
#2153d1 rgb(33,83,209)
```
#d12153
```
#d12153 rgb(209,33,83)
```

Triadic Color

#21d19f
```
#21d19f rgb(33,209,159)
```
#2153d1
```
#2153d1 rgb(33,83,209)
```
#d12153
```
#d12153 rgb(209,33,83)
```
#d19f21
```
#d19f21 rgb(209,159,33)
```

Tetradic Color

#17398f
```
#17398f rgb(23,57,143)
```
#1a42a5
```
#1a42a5 rgb(26,66,165)
```
#1e4abb
```
#1e4abb rgb(30,74,187)
```
#2153d1
```
#2153d1 rgb(33,83,209)
```
#2e60de
```
#2e60de rgb(46,96,222)
```
#4470e1
```
#4470e1 rgb(68,112,225)
```
#5a81e5
```
#5a81e5 rgb(90,129,229)
```

Monochromatic Color

Below, you can see some colors close to #2153d1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#217fd1
```
#217fd1 rgb(33,127,209)
```
#2170d1
```
#2170d1 rgb(33,112,209)
```
#2162d1
```
#2162d1 rgb(33,98,209)
```
#2153d1
```
#2153d1 rgb(33,83,209)
```
#2144d1
```
#2144d1 rgb(33,68,209)
```
#2136d1
```
#2136d1 rgb(33,54,209)
```
#2127d1
```
#2127d1 rgb(33,39,209)
```

Similar Colors

Text with hexadecimal color #2153d1

This text has a font color of #2153d1.

<span style="color:#2153d1;">Text here</span>

#2153d1 background color

This paragraph has a background color of #2153d1.

<p style="background-color:#2153d1;">Content here</p>

#2153d1 border color

This element has a border color of #2153d1.

<div style="border:1px solid #2153d1;">Content here</div>

CSS codes

.text {color:#2153d1;}

.background {background-color:#2153d1;}

.border {border:1px solid #2153d1;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010206 is the darkest color, while #f4f6fd is the lightest one.

#010206
```
#010206 rgb(1,2,6)
```
#040917
```
#040917 rgb(4,9,23)
```
#061028
```
#061028 rgb(6,16,40)
```
#091639
```
#091639 rgb(9,22,57)
```
#0c1d49
```
#0c1d49 rgb(12,29,73)
```
#0e245a
```
#0e245a rgb(14,36,90)
```
#112b6b
```
#112b6b rgb(17,43,107)
```
#14317c
```
#14317c rgb(20,49,124)
```
#16388d
```
#16388d rgb(22,56,141)
```
#193f9e
```
#193f9e rgb(25,63,158)
```
#1c46af
```
#1c46af rgb(28,70,175)
```
#1e4cc0
```
#1e4cc0 rgb(30,76,192)
```
#2153d1
```
#2153d1 rgb(33,83,209)
```

Shade Color Variation

#285cdd
```
#285cdd rgb(40,92,221)
```
#3969e0
```
#3969e0 rgb(57,105,224)
```
#4a76e2
```
#4a76e2 rgb(74,118,226)
```
#5b82e5
```
#5b82e5 rgb(91,130,229)
```
#6c8fe8
```
#6c8fe8 rgb(108,143,232)
```
#7d9ceb
```
#7d9ceb rgb(125,156,235)
```
#8ea9ed
```
#8ea9ed rgb(142,169,237)
```
#9fb6f0
```
#9fb6f0 rgb(159,182,240)
```
#b0c3f3
```
#b0c3f3 rgb(176,195,243)
```
#c1d0f5
```
#c1d0f5 rgb(193,208,245)
```
#d2ddf8
```
#d2ddf8 rgb(210,221,248)
```
#e3eafb
```
#e3eafb rgb(227,234,251)
```
#f4f6fd
```
#f4f6fd rgb(244,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #75777d is the less saturated color, while #0547ed is the most saturated one.

#75777d
```
#75777d rgb(117,119,125)
```
#6b7387
```
#6b7387 rgb(107,115,135)
```
#626f90
```
#626f90 rgb(98,111,144)
```
#596b99
```
#596b99 rgb(89,107,153)
```
#5067a2
```
#5067a2 rgb(80,103,162)
```
#4663ac
```
#4663ac rgb(70,99,172)
```
#3d5fb5
```
#3d5fb5 rgb(61,95,181)
```
#345bbe
```
#345bbe rgb(52,91,190)
```
#2a57c8
```
#2a57c8 rgb(42,87,200)
```
#2153d1
```
#2153d1 rgb(33,83,209)
```
#184fda
```
#184fda rgb(24,79,218)
```
#0e4be4
```
#0e4be4 rgb(14,75,228)
```
#0547ed
```
#0547ed rgb(5,71,237)
```

Tone Color Variation

Below, you can see how #2153d1 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#525252 Achromatopsia 0.005% of the population
#48526b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c1 Protanopia 1% of men
#0068a8 Deuteranopia 1% of men
#007076 Tritanopia 0.001% of the population

Trichromacy

#0c5dc7 Protanomaly 1% of men, 0.01% of women
#0c60b7 Deuteranomaly 6% of men, 0.4% of women
#0c6597 Tritanomaly 0.01% of the population

#2153d1 hex color

#2153d1 Color Information

#2153d1 Color Conversion

Color Schemes with #2153d1

Alternatives to #2153d1

#2153d1 Preview

Shades and Tints of #2153d1

Tones of #2153d1

Color Blindness Simulator