colorhexa.com

#2854d4 hex color

In a RGB color space, hex #2854d4 is composed of 15.7% red, 32.9% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 60.4% magenta, 0% yellow and 16.9% black. It has a hue angle of 224.7 degrees, a saturation of 68.3% and a lightness of 49.4%. #2854d4 color hex could be obtained by blending #50a8ff with #0000a9. Closest websafe color is: #3366cc.

- R 16
- G 33
- B 83
RGB color chart
- C 81
- M 60
- Y 0
- K 17
CMYK color chart

● #2854d4 color description : Strong blue.

The hexadecimal color #2854d4 has RGB values of R:40, G:84, B:212 and CMYK values of C:0.81, M:0.6, Y:0, K:0.17. Its decimal value is 2643156.

Hex triplet	2854d4	`#2854d4`
RGB Decimal	40, 84, 212	`rgb(40,84,212)`
RGB Percent	15.7, 32.9, 83.1	`rgb(15.7%,32.9%,83.1%)`
CMYK	81, 60, 0, 17
HSL	224.7°, 68.3, 49.4	`hsl(224.7,68.3%,49.4%)`
HSV (or HSB)	224.7°, 81.1, 83.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.482, 32.197, -69.865
XYZ	15.927, 11.544, 63.673
xyY	0.175, 0.127, 11.544
CIE-LCH	40.482, 76.927, 294.742
CIE-LUV	40.482, -15.913, -102.622
Hunter-Lab	33.977, 24.213, -87.327
Binary	00101000, 01010100, 11010100

#2854d4
```
#2854d4 rgb(40,84,212)
```
#d4a828
```
#d4a828 rgb(212,168,40)
```

Complementary Color

#28aad4
```
#28aad4 rgb(40,170,212)
```
#2854d4
```
#2854d4 rgb(40,84,212)
```
#5228d4
```
#5228d4 rgb(82,40,212)
```

Analogous Color

#aad428
```
#aad428 rgb(170,212,40)
```
#2854d4
```
#2854d4 rgb(40,84,212)
```
#d45228
```
#d45228 rgb(212,82,40)
```

Split Complementary Color

#54d428
```
#54d428 rgb(84,212,40)
```
#2854d4
```
#2854d4 rgb(40,84,212)
```
#d42854
```
#d42854 rgb(212,40,84)
```

Triadic Color

#28d4a8
```
#28d4a8 rgb(40,212,168)
```
#2854d4
```
#2854d4 rgb(40,84,212)
```
#d42854
```
#d42854 rgb(212,40,84)
```
#d4a828
```
#d4a828 rgb(212,168,40)
```

Tetradic Color

#1c3b94
```
#1c3b94 rgb(28,59,148)
```
#2043a9
```
#2043a9 rgb(32,67,169)
```
#244cbf
```
#244cbf rgb(36,76,191)
```
#2854d4
```
#2854d4 rgb(40,84,212)
```
#3b64da
```
#3b64da rgb(59,100,218)
```
#5175de
```
#5175de rgb(81,117,222)
```
#6686e2
```
#6686e2 rgb(102,134,226)
```

Monochromatic Color

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

#287fd4
```
#287fd4 rgb(40,127,212)
```
#2871d4
```
#2871d4 rgb(40,113,212)
```
#2862d4
```
#2862d4 rgb(40,98,212)
```
#2854d4
```
#2854d4 rgb(40,84,212)
```
#2846d4
```
#2846d4 rgb(40,70,212)
```
#2837d4
```
#2837d4 rgb(40,55,212)
```
#2829d4
```
#2829d4 rgb(40,41,212)
```

Similar Colors

Text with hexadecimal color #2854d4

This text has a font color of #2854d4.

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

#2854d4 background color

This paragraph has a background color of #2854d4.

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

#2854d4 border color

This element has a border color of #2854d4.

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

CSS codes

.text {color:#2854d4;}

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

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

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, #03060e is the darkest color, while #fcfdff is the lightest one.

#03060e
```
#03060e rgb(3,6,14)
```
#060c1e
```
#060c1e rgb(6,12,30)
```
#09132f
```
#09132f rgb(9,19,47)
```
#0c193f
```
#0c193f rgb(12,25,63)
```
#0f2050
```
#0f2050 rgb(15,32,80)
```
#122660
```
#122660 rgb(18,38,96)
```
#152d71
```
#152d71 rgb(21,45,113)
```
#183381
```
#183381 rgb(24,51,129)
```
#1c3a92
```
#1c3a92 rgb(28,58,146)
```
#1f40a2
```
#1f40a2 rgb(31,64,162)
```
#2247b3
```
#2247b3 rgb(34,71,179)
```
#254dc3
```
#254dc3 rgb(37,77,195)
```
#2854d4
```
#2854d4 rgb(40,84,212)
```

Shade Color Variation

#3660d9
```
#3660d9 rgb(54,96,217)
```
#476ddc
```
#476ddc rgb(71,109,220)
```
#577adf
```
#577adf rgb(87,122,223)
```
#6887e3
```
#6887e3 rgb(104,135,227)
```
#7894e6
```
#7894e6 rgb(120,148,230)
```
#89a1e9
```
#89a1e9 rgb(137,161,233)
```
#99afec
```
#99afec rgb(153,175,236)
```
#aabcef
```
#aabcef rgb(170,188,239)
```
#bac9f2
```
#bac9f2 rgb(186,201,242)
```
#cbd6f5
```
#cbd6f5 rgb(203,214,245)
```
#dbe3f8
```
#dbe3f8 rgb(219,227,248)
```
#ecf0fb
```
#ecf0fb rgb(236,240,251)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767a86 is the less saturated color, while #0141fb is the most saturated one.

#767a86
```
#767a86 rgb(118,122,134)
```
#6c7590
```
#6c7590 rgb(108,117,144)
```
#62709a
```
#62709a rgb(98,112,154)
```
#586ca4
```
#586ca4 rgb(88,108,164)
```
#4f67ad
```
#4f67ad rgb(79,103,173)
```
#4562b7
```
#4562b7 rgb(69,98,183)
```
#3b5dc1
```
#3b5dc1 rgb(59,93,193)
```
#3259ca
```
#3259ca rgb(50,89,202)
```
#2854d4
```
#2854d4 rgb(40,84,212)
```
#1e4fde
```
#1e4fde rgb(30,79,222)
```
#154be7
```
#154be7 rgb(21,75,231)
```
#0b46f1
```
#0b46f1 rgb(11,70,241)
```
#0141fb
```
#0141fb rgb(1,65,251)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4c556e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c4 Protanopia 1% of men
#006aab Deuteranopia 1% of men
#007178 Tritanopia 0.001% of the population

Trichromacy

#0e5eca Protanomaly 1% of men, 0.01% of women
#0e62ba Deuteranomaly 6% of men, 0.4% of women
#0e6799 Tritanomaly 0.01% of the population