colorhexa.com

#2a84bc hex color

In a RGB color space, hex #2a84bc is composed of 16.5% red, 51.8% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 77.7% cyan, 29.8% magenta, 0% yellow and 26.3% black. It has a hue angle of 203 degrees, a saturation of 63.5% and a lightness of 45.1%. #2a84bc color hex could be obtained by blending #54ffff with #000979. Closest websafe color is: #3399cc.

- R 16
- G 52
- B 74
RGB color chart
- C 78
- M 30
- Y 0
- K 26
CMYK color chart

● #2a84bc color description : Strong blue.

The hexadecimal color #2a84bc has RGB values of R:42, G:132, B:188 and CMYK values of C:0.78, M:0.3, Y:0, K:0.26. Its decimal value is 2786492.

Hex triplet	2a84bc	`#2a84bc`
RGB Decimal	42, 132, 188	`rgb(42,132,188)`
RGB Percent	16.5, 51.8, 73.7	`rgb(16.5%,51.8%,73.7%)`
CMYK	78, 30, 0, 26
HSL	203°, 63.5, 45.1	`hsl(203,63.5%,45.1%)`
HSV (or HSB)	203°, 77.7, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	52.536, -6.794, -36.742
XYZ	18.281, 20.624, 50.592
xyY	0.204, 0.23, 20.624
CIE-LCH	52.536, 37.364, 259.524
CIE-LUV	52.536, -30.947, -55.432
Hunter-Lab	45.414, -7.62, -34.26
Binary	00101010, 10000100, 10111100

#2a84bc
```
#2a84bc rgb(42,132,188)
```
#bc622a
```
#bc622a rgb(188,98,42)
```

Complementary Color

#2abcab
```
#2abcab rgb(42,188,171)
```
#2a84bc
```
#2a84bc rgb(42,132,188)
```
#2a3bbc
```
#2a3bbc rgb(42,59,188)
```

Analogous Color

#bcab2a
```
#bcab2a rgb(188,171,42)
```
#2a84bc
```
#2a84bc rgb(42,132,188)
```
#bc2a3b
```
#bc2a3b rgb(188,42,59)
```

Split Complementary Color

#84bc2a
```
#84bc2a rgb(132,188,42)
```
#2a84bc
```
#2a84bc rgb(42,132,188)
```
#bc2a84
```
#bc2a84 rgb(188,42,132)
```

Triadic Color

#2abc62
```
#2abc62 rgb(42,188,98)
```
#2a84bc
```
#2a84bc rgb(42,132,188)
```
#bc2a84
```
#bc2a84 rgb(188,42,132)
```
#bc622a
```
#bc622a rgb(188,98,42)
```

Tetradic Color

#1c587d
```
#1c587d rgb(28,88,125)
```
#216792
```
#216792 rgb(33,103,146)
```
#2575a7
```
#2575a7 rgb(37,117,167)
```
#2a84bc
```
#2a84bc rgb(42,132,188)
```
#2f93d1
```
#2f93d1 rgb(47,147,209)
```
#449dd5
```
#449dd5 rgb(68,157,213)
```
#59a8da
```
#59a8da rgb(89,168,218)
```

Monochromatic Color

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

#2aa9bc
```
#2aa9bc rgb(42,169,188)
```
#2a9cbc
```
#2a9cbc rgb(42,156,188)
```
#2a90bc
```
#2a90bc rgb(42,144,188)
```
#2a84bc
```
#2a84bc rgb(42,132,188)
```
#2a78bc
```
#2a78bc rgb(42,120,188)
```
#2a6cbc
```
#2a6cbc rgb(42,108,188)
```
#2a60bc
```
#2a60bc rgb(42,96,188)
```

Similar Colors

Text with hexadecimal color #2a84bc

This text has a font color of #2a84bc.

<span style="color:#2a84bc;">Text here</span>

#2a84bc background color

This paragraph has a background color of #2a84bc.

<p style="background-color:#2a84bc;">Content here</p>

#2a84bc border color

This element has a border color of #2a84bc.

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

CSS codes

.text {color:#2a84bc;}

.background {background-color:#2a84bc;}

.border {border:1px solid #2a84bc;}

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, #03080c is the darkest color, while #fbfdfe is the lightest one.

#03080c
```
#03080c rgb(3,8,12)
```
#06131c
```
#06131c rgb(6,19,28)
```
#0a1f2c
```
#0a1f2c rgb(10,31,44)
```
#0d2a3c
```
#0d2a3c rgb(13,42,60)
```
#11354c
```
#11354c rgb(17,53,76)
```
#15405c
```
#15405c rgb(21,64,92)
```
#184c6c
```
#184c6c rgb(24,76,108)
```
#1c577c
```
#1c577c rgb(28,87,124)
```
#1f628c
```
#1f628c rgb(31,98,140)
```
#236d9c
```
#236d9c rgb(35,109,156)
```
#2679ac
```
#2679ac rgb(38,121,172)
```
#2a84bc
```
#2a84bc rgb(42,132,188)
```
#2e8fcc
```
#2e8fcc rgb(46,143,204)
```

Shade Color Variation

#3a98d3
```
#3a98d3 rgb(58,152,211)
```
#4aa1d7
```
#4aa1d7 rgb(74,161,215)
```
#5aa9da
```
#5aa9da rgb(90,169,218)
```
#6ab1de
```
#6ab1de rgb(106,177,222)
```
#7abae1
```
#7abae1 rgb(122,186,225)
```
#8ac2e5
```
#8ac2e5 rgb(138,194,229)
```
#9acbe9
```
#9acbe9 rgb(154,203,233)
```
#aad3ec
```
#aad3ec rgb(170,211,236)
```
#badbf0
```
#badbf0 rgb(186,219,240)
```
#cae4f3
```
#cae4f3 rgb(202,228,243)
```
#dbecf7
```
#dbecf7 rgb(219,236,247)
```
#ebf4fa
```
#ebf4fa rgb(235,244,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#717475
```
#717475 rgb(113,116,117)
```
#68767e
```
#68767e rgb(104,118,126)
```
#5f7887
```
#5f7887 rgb(95,120,135)
```
#567a90
```
#567a90 rgb(86,122,144)
```
#4d7c99
```
#4d7c99 rgb(77,124,153)
```
#457ea1
```
#457ea1 rgb(69,126,161)
```
#3c80aa
```
#3c80aa rgb(60,128,170)
```
#3382b3
```
#3382b3 rgb(51,130,179)
```
#2a84bc
```
#2a84bc rgb(42,132,188)
```
#2186c5
```
#2186c5 rgb(33,134,197)
```
#1888ce
```
#1888ce rgb(24,136,206)
```
#0f8ad7
```
#0f8ad7 rgb(15,138,215)
```
#078cdf
```
#078cdf rgb(7,140,223)
```

Tone Color Variation

Below, you can see how #2a84bc 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

#6f6f6f Achromatopsia 0.005% of the population
#61737e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7082b9 Protanopia 1% of men
#6283c2 Deuteranopia 1% of men
#00909b Tritanopia 0.001% of the population

Trichromacy

#5782ba Protanomaly 1% of men, 0.01% of women
#4e83bf Deuteranomaly 6% of men, 0.4% of women
#0f8ca7 Tritanomaly 0.01% of the population