#2145d4 hex color

In a RGB color space, hex #2145d4 is composed of 12.9% red, 27.1% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 67.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 227.9 degrees, a saturation of 73.1% and a lightness of 48%. #2145d4 color hex could be obtained by blending #428aff with #0000a9. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 13
- G 27
- B 83
RGB color chart
- C 84
- M 67
- Y 0
- K 17
CMYK color chart

● #2145d4 color description : Strong blue.

The hexadecimal color #2145d4 has RGB values of R:33, G:69, B:212 and CMYK values of C:0.84, M:0.67, Y:0, K:0.17. Its decimal value is 2180564.

Hex triplet	2145d4	`#2145d4`
RGB Decimal	33, 69, 212	`rgb(33,69,212)`
RGB Percent	12.9, 27.1, 83.1	`rgb(12.9%,27.1%,83.1%)`
CMYK	84, 67, 0, 17
HSL	227.9°, 73.1, 48	`hsl(227.9,73.1%,48%)`
HSV (or HSB)	227.9°, 84.4, 83.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	36.616, 41.209, -76.216
XYZ	14.637, 9.332, 63.314
xyY	0.168, 0.107, 9.332
CIE-LCH	36.616, 86.644, 298.4
CIE-LUV	36.616, -13.291, -106.901
Hunter-Lab	30.548, 32.065, -101.499
Binary	00100001, 01000101, 11010100

#2145d4
```
#2145d4 rgb(33,69,212)
```
#d4b021
```
#d4b021 rgb(212,176,33)
```

Complementary Color

#219fd4
```
#219fd4 rgb(33,159,212)
```
#2145d4
```
#2145d4 rgb(33,69,212)
```
#5621d4
```
#5621d4 rgb(86,33,212)
```

Analogous Color

#9fd421
```
#9fd421 rgb(159,212,33)
```
#2145d4
```
#2145d4 rgb(33,69,212)
```
#d45621
```
#d45621 rgb(212,86,33)
```

Split Complementary Color

#45d421
```
#45d421 rgb(69,212,33)
```
#2145d4
```
#2145d4 rgb(33,69,212)
```
#d42145
```
#d42145 rgb(212,33,69)
```

Triadic Color

#21d4b0
```
#21d4b0 rgb(33,212,176)
```
#2145d4
```
#2145d4 rgb(33,69,212)
```
#d42145
```
#d42145 rgb(212,33,69)
```
#d4b021
```
#d4b021 rgb(212,176,33)
```

Tetradic Color

#172f92
```
#172f92 rgb(23,47,146)
```
#1a37a8
```
#1a37a8 rgb(26,55,168)
```
#1e3ebe
```
#1e3ebe rgb(30,62,190)
```
#2145d4
```
#2145d4 rgb(33,69,212)
```
#3053df
```
#3053df rgb(48,83,223)
```
#4665e2
```
#4665e2 rgb(70,101,226)
```
#5c78e6
```
#5c78e6 rgb(92,120,230)
```

Monochromatic Color

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

#2172d4
```
#2172d4 rgb(33,114,212)
```
#2163d4
```
#2163d4 rgb(33,99,212)
```
#2154d4
```
#2154d4 rgb(33,84,212)
```
#2145d4
```
#2145d4 rgb(33,69,212)
```
#2136d4
```
#2136d4 rgb(33,54,212)
```
#2127d4
```
#2127d4 rgb(33,39,212)
```
#2a21d4
```
#2a21d4 rgb(42,33,212)
```

Similar Colors

Text with hexadecimal color #2145d4

This text has a font color of #2145d4.

<span style="color:#2145d4;">Text here</span>

#2145d4 background color

This paragraph has a background color of #2145d4.

<p style="background-color:#2145d4;">Content here</p>

#2145d4 border color

This element has a border color of #2145d4.

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

CSS codes

.text {color:#2145d4;}

.background {background-color:#2145d4;}

.border {border:1px solid #2145d4;}

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, #010308 is the darkest color, while #f6f8fe is the lightest one.

#010308
```
#010308 rgb(1,3,8)
```
#040819
```
#040819 rgb(4,8,25)
```
#070e2a
```
#070e2a rgb(7,14,42)
```
#09133b
```
#09133b rgb(9,19,59)
```
#0c194c
```
#0c194c rgb(12,25,76)
```
#0f1e5d
```
#0f1e5d rgb(15,30,93)
```
#11246e
```
#11246e rgb(17,36,110)
```
#14297f
```
#14297f rgb(20,41,127)
```
#162f90
```
#162f90 rgb(22,47,144)
```
#1934a1
```
#1934a1 rgb(25,52,161)
```
#1c3ab2
```
#1c3ab2 rgb(28,58,178)
```
#1e3fc3
```
#1e3fc3 rgb(30,63,195)
```
#2145d4
```
#2145d4 rgb(33,69,212)
```

Shade Color Variation

#2b4fde
```
#2b4fde rgb(43,79,222)
```
#3c5de1
```
#3c5de1 rgb(60,93,225)
```
#4d6be3
```
#4d6be3 rgb(77,107,227)
```
#5e79e6
```
#5e79e6 rgb(94,121,230)
```
#6f87e9
```
#6f87e9 rgb(111,135,233)
```
#8095eb
```
#8095eb rgb(128,149,235)
```
#91a3ee
```
#91a3ee rgb(145,163,238)
```
#a1b1f0
```
#a1b1f0 rgb(161,177,240)
```
#b2bff3
```
#b2bff3 rgb(178,191,243)
```
#c3cef6
```
#c3cef6 rgb(195,206,246)
```
#d4dcf8
```
#d4dcf8 rgb(212,220,248)
```
#e5eafb
```
#e5eafb rgb(229,234,251)
```
#f6f8fe
```
#f6f8fe rgb(246,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #76787f is the less saturated color, while #0534f0 is the most saturated one.

#76787f
```
#76787f rgb(118,120,127)
```
#6c7289
```
#6c7289 rgb(108,114,137)
```
#636c92
```
#636c92 rgb(99,108,146)
```
#5a679b
```
#5a679b rgb(90,103,155)
```
#5061a5
```
#5061a5 rgb(80,97,165)
```
#475cae
```
#475cae rgb(71,92,174)
```
#3d56b8
```
#3d56b8 rgb(61,86,184)
```
#3450c1
```
#3450c1 rgb(52,80,193)
```
#2a4bcb
```
#2a4bcb rgb(42,75,203)
```
#2145d4
```
#2145d4 rgb(33,69,212)
```
#183fdd
```
#183fdd rgb(24,63,221)
```
#0e3ae7
```
#0e3ae7 rgb(14,58,231)
```
#0534f0
```
#0534f0 rgb(5,52,240)
```

Tone Color Variation

Below, you can see how #2145d4 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

#4b4b4b Achromatopsia 0.005% of the population
#434a66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb3 Protanopia 1% of men
#00619b Deuteranopia 1% of men
#00686d Tritanopia 0.001% of the population

Trichromacy

#0c53bf Protanomaly 1% of men, 0.01% of women
#0c57b0 Deuteranomaly 6% of men, 0.4% of women
#0c5b92 Tritanomaly 0.01% of the population

#2145d4 hex color

#2145d4 Color Information

#2145d4 Color Conversion

Color Schemes with #2145d4

Alternatives to #2145d4

#2145d4 Preview

Shades and Tints of #2145d4

Tones of #2145d4

Color Blindness Simulator