#2872ca hex color

In a RGB color space, hex #2872ca is composed of 15.7% red, 44.7% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 43.6% magenta, 0% yellow and 20.8% black. It has a hue angle of 212.6 degrees, a saturation of 66.9% and a lightness of 47.5%. #2872ca color hex could be obtained by blending #50e4ff with #000095. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 45
- B 79
RGB color chart
- C 80
- M 44
- Y 0
- K 21
CMYK color chart

● #2872ca color description : Strong blue.

The hexadecimal color #2872ca has RGB values of R:40, G:114, B:202 and CMYK values of C:0.8, M:0.44, Y:0, K:0.21. Its decimal value is 2650826.

Hex triplet	2872ca	`#2872ca`
RGB Decimal	40, 114, 202	`rgb(40,114,202)`
RGB Percent	15.7, 44.7, 79.2	`rgb(15.7%,44.7%,79.2%)`
CMYK	80, 44, 0, 21
HSL	212.6°, 66.9, 47.5	`hsl(212.6,66.9%,47.5%)`
HSV (or HSB)	212.6°, 80.2, 79.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.942, 9.112, -52.051
XYZ	17.551, 16.749, 58.182
xyY	0.19, 0.181, 16.749
CIE-LCH	47.942, 52.842, 279.929
CIE-LUV	47.942, -24.609, -79.975
Hunter-Lab	40.925, 4.931, -55.643
Binary	00101000, 01110010, 11001010

#2872ca
```
#2872ca rgb(40,114,202)
```
#ca8028
```
#ca8028 rgb(202,128,40)
```

Complementary Color

#28c3ca
```
#28c3ca rgb(40,195,202)
```
#2872ca
```
#2872ca rgb(40,114,202)
```
#2f28ca
```
#2f28ca rgb(47,40,202)
```

Analogous Color

#c3ca28
```
#c3ca28 rgb(195,202,40)
```
#2872ca
```
#2872ca rgb(40,114,202)
```
#ca2f28
```
#ca2f28 rgb(202,47,40)
```

Split Complementary Color

#72ca28
```
#72ca28 rgb(114,202,40)
```
#2872ca
```
#2872ca rgb(40,114,202)
```
#ca2872
```
#ca2872 rgb(202,40,114)
```

Triadic Color

#28ca80
```
#28ca80 rgb(40,202,128)
```
#2872ca
```
#2872ca rgb(40,114,202)
```
#ca2872
```
#ca2872 rgb(202,40,114)
```
#ca8028
```
#ca8028 rgb(202,128,40)
```

Tetradic Color

#1b4e8a
```
#1b4e8a rgb(27,78,138)
```
#205a9f
```
#205a9f rgb(32,90,159)
```
#2466b5
```
#2466b5 rgb(36,102,181)
```
#2872ca
```
#2872ca rgb(40,114,202)
```
#357fd7
```
#357fd7 rgb(53,127,215)
```
#4a8cdb
```
#4a8cdb rgb(74,140,219)
```
#5f9adf
```
#5f9adf rgb(95,154,223)
```

Monochromatic Color

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

#289bca
```
#289bca rgb(40,155,202)
```
#288dca
```
#288dca rgb(40,141,202)
```
#2880ca
```
#2880ca rgb(40,128,202)
```
#2872ca
```
#2872ca rgb(40,114,202)
```
#2865ca
```
#2865ca rgb(40,101,202)
```
#2857ca
```
#2857ca rgb(40,87,202)
```
#284aca
```
#284aca rgb(40,74,202)
```

Similar Colors

Text with hexadecimal color #2872ca

This text has a font color of #2872ca.

<span style="color:#2872ca;">Text here</span>

#2872ca background color

This paragraph has a background color of #2872ca.

<p style="background-color:#2872ca;">Content here</p>

#2872ca border color

This element has a border color of #2872ca.

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

CSS codes

.text {color:#2872ca;}

.background {background-color:#2872ca;}

.border {border:1px solid #2872ca;}

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

#010306
```
#010306 rgb(1,3,6)
```
#040c16
```
#040c16 rgb(4,12,22)
```
#081626
```
#081626 rgb(8,22,38)
```
#0b1f37
```
#0b1f37 rgb(11,31,55)
```
#0e2847
```
#0e2847 rgb(14,40,71)
```
#113157
```
#113157 rgb(17,49,87)
```
#153b68
```
#153b68 rgb(21,59,104)
```
#184478
```
#184478 rgb(24,68,120)
```
#1b4d89
```
#1b4d89 rgb(27,77,137)
```
#1e5699
```
#1e5699 rgb(30,86,153)
```
#2260a9
```
#2260a9 rgb(34,96,169)
```
#2569ba
```
#2569ba rgb(37,105,186)
```
#2872ca
```
#2872ca rgb(40,114,202)
```

Shade Color Variation

#307cd6
```
#307cd6 rgb(48,124,214)
```
#4086d9
```
#4086d9 rgb(64,134,217)
```
#5090dc
```
#5090dc rgb(80,144,220)
```
#619be0
```
#619be0 rgb(97,155,224)
```
#71a5e3
```
#71a5e3 rgb(113,165,227)
```
#82afe6
```
#82afe6 rgb(130,175,230)
```
#92bae9
```
#92bae9 rgb(146,186,233)
```
#a2c4ed
```
#a2c4ed rgb(162,196,237)
```
#b3cff0
```
#b3cff0 rgb(179,207,240)
```
#c3d9f3
```
#c3d9f3 rgb(195,217,243)
```
#d3e3f6
```
#d3e3f6 rgb(211,227,246)
```
#e4eefa
```
#e4eefa rgb(228,238,250)
```
#f4f8fd
```
#f4f8fd rgb(244,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #727880 is the less saturated color, while #036fef is the most saturated one.

#727880
```
#727880 rgb(114,120,128)
```
#697889
```
#697889 rgb(105,120,137)
```
#607792
```
#607792 rgb(96,119,146)
```
#57769b
```
#57769b rgb(87,118,155)
```
#4d75a5
```
#4d75a5 rgb(77,117,165)
```
#4474ae
```
#4474ae rgb(68,116,174)
```
#3b74b7
```
#3b74b7 rgb(59,116,183)
```
#3173c1
```
#3173c1 rgb(49,115,193)
```
#2872ca
```
#2872ca rgb(40,114,202)
```
#1f71d3
```
#1f71d3 rgb(31,113,211)
```
#1570dd
```
#1570dd rgb(21,112,221)
```
#0c70e6
```
#0c70e6 rgb(12,112,230)
```
#036fef
```
#036fef rgb(3,111,239)
```

Tone Color Variation

Below, you can see how #2872ca 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

#666666 Achromatopsia 0.005% of the population
#5a687a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e76ca Protanopia 1% of men
#1b7acc Deuteranopia 1% of men
#00848d Tritanopia 0.001% of the population

Trichromacy

#4074ca Protanomaly 1% of men, 0.01% of women
#2077cb Deuteranomaly 6% of men, 0.4% of women
#0e7ea3 Tritanomaly 0.01% of the population

#2872ca hex color

#2872ca Color Information

#2872ca Color Conversion

Color Schemes with #2872ca

Alternatives to #2872ca

#2872ca Preview

Shades and Tints of #2872ca

Tones of #2872ca

Color Blindness Simulator