#2a85e8 hex color

In a RGB color space, hex #2a85e8 is composed of 16.5% red, 52.2% green and 91% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 42.7% magenta, 0% yellow and 9% black. It has a hue angle of 211.3 degrees, a saturation of 80.5% and a lightness of 53.7%. #2a85e8 color hex could be obtained by blending #54ffff with #000bd1. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 16
- G 52
- B 91
RGB color chart
- C 82
- M 43
- Y 0
- K 9
CMYK color chart

● #2a85e8 color description : Bright blue.

The hexadecimal color #2a85e8 has RGB values of R:42, G:133, B:232 and CMYK values of C:0.82, M:0.43, Y:0, K:0.09. Its decimal value is 2786792.

Hex triplet	2a85e8	`#2a85e8`
RGB Decimal	42, 133, 232	`rgb(42,133,232)`
RGB Percent	16.5, 52.2, 91	`rgb(16.5%,52.2%,91%)`
CMYK	82, 43, 0, 9
HSL	211.3°, 80.5, 53.7	`hsl(211.3,80.5%,53.7%)`
HSV (or HSB)	211.3°, 81.9, 91
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.166, 8.858, -57.421
XYZ	23.905, 23.091, 79.537
xyY	0.189, 0.182, 23.091
CIE-LCH	55.166, 58.1, 278.77
CIE-LUV	55.166, -29.262, -91.094
Hunter-Lab	48.054, 4.702, -64.497
Binary	00101010, 10000101, 11101000

#2a85e8
```
#2a85e8 rgb(42,133,232)
```
#e88d2a
```
#e88d2a rgb(232,141,42)
```

Complementary Color

#2ae4e8
```
#2ae4e8 rgb(42,228,232)
```
#2a85e8
```
#2a85e8 rgb(42,133,232)
```
#2e2ae8
```
#2e2ae8 rgb(46,42,232)
```

Analogous Color

#e4e82a
```
#e4e82a rgb(228,232,42)
```
#2a85e8
```
#2a85e8 rgb(42,133,232)
```
#e82e2a
```
#e82e2a rgb(232,46,42)
```

Split Complementary Color

#85e82a
```
#85e82a rgb(133,232,42)
```
#2a85e8
```
#2a85e8 rgb(42,133,232)
```
#e82a85
```
#e82a85 rgb(232,42,133)
```

Triadic Color

#2ae88d
```
#2ae88d rgb(42,232,141)
```
#2a85e8
```
#2a85e8 rgb(42,133,232)
```
#e82a85
```
#e82a85 rgb(232,42,133)
```
#e88d2a
```
#e88d2a rgb(232,141,42)
```

Tetradic Color

#135fb2
```
#135fb2 rgb(19,95,178)
```
#166cc9
```
#166cc9 rgb(22,108,201)
```
#1878e0
```
#1878e0 rgb(24,120,224)
```
#2a85e8
```
#2a85e8 rgb(42,133,232)
```
#4192ea
```
#4192ea rgb(65,146,234)
```
#589fed
```
#589fed rgb(88,159,237)
```
#6fadef
```
#6fadef rgb(111,173,239)
```

Monochromatic Color

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

#2ab5e8
```
#2ab5e8 rgb(42,181,232)
```
#2aa5e8
```
#2aa5e8 rgb(42,165,232)
```
#2a95e8
```
#2a95e8 rgb(42,149,232)
```
#2a85e8
```
#2a85e8 rgb(42,133,232)
```
#2a75e8
```
#2a75e8 rgb(42,117,232)
```
#2a65e8
```
#2a65e8 rgb(42,101,232)
```
#2a56e8
```
#2a56e8 rgb(42,86,232)
```

Similar Colors

Text with hexadecimal color #2a85e8

This text has a font color of #2a85e8.

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

#2a85e8 background color

This paragraph has a background color of #2a85e8.

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

#2a85e8 border color

This element has a border color of #2a85e8.

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

CSS codes

.text {color:#2a85e8;}

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

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

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

#020911
```
#020911 rgb(2,9,17)
```
#041323
```
#041323 rgb(4,19,35)
```
#061c35
```
#061c35 rgb(6,28,53)
```
#082646
```
#082646 rgb(8,38,70)
```
#092f58
```
#092f58 rgb(9,47,88)
```
#0b396a
```
#0b396a rgb(11,57,106)
```
#0d427b
```
#0d427b rgb(13,66,123)
```
#0f4c8d
```
#0f4c8d rgb(15,76,141)
```
#11559f
```
#11559f rgb(17,85,159)
```
#135eb0
```
#135eb0 rgb(19,94,176)
```
#1568c2
```
#1568c2 rgb(21,104,194)
```
#1771d4
```
#1771d4 rgb(23,113,212)
```
#197be6
```
#197be6 rgb(25,123,230)
```

Shade Color Variation

#2a85e8
```
#2a85e8 rgb(42,133,232)
```
#3c8fea
```
#3c8fea rgb(60,143,234)
```
#4d99ec
```
#4d99ec rgb(77,153,236)
```
#5fa3ee
```
#5fa3ee rgb(95,163,238)
```
#71aef0
```
#71aef0 rgb(113,174,240)
```
#83b8f2
```
#83b8f2 rgb(131,184,242)
```
#94c2f3
```
#94c2f3 rgb(148,194,243)
```
#a6ccf5
```
#a6ccf5 rgb(166,204,245)
```
#b8d6f7
```
#b8d6f7 rgb(184,214,247)
```
#c9e0f9
```
#c9e0f9 rgb(201,224,249)
```
#dbeafb
```
#dbeafb rgb(219,234,251)
```
#edf5fd
```
#edf5fd rgb(237,245,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#85898d
```
#85898d rgb(133,137,141)
```
#7c8896
```
#7c8896 rgb(124,136,150)
```
#73889f
```
#73889f rgb(115,136,159)
```
#6a88a8
```
#6a88a8 rgb(106,136,168)
```
#6087b2
```
#6087b2 rgb(96,135,178)
```
#5787bb
```
#5787bb rgb(87,135,187)
```
#4e87c4
```
#4e87c4 rgb(78,135,196)
```
#4586cd
```
#4586cd rgb(69,134,205)
```
#3c86d6
```
#3c86d6 rgb(60,134,214)
```
#3385df
```
#3385df rgb(51,133,223)
```
#2a85e8
```
#2a85e8 rgb(42,133,232)
```
#2185f1
```
#2185f1 rgb(33,133,241)
```
#1884fa
```
#1884fa rgb(24,132,250)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#66788c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b87e5 Protanopia 1% of men
#238ce8 Deuteranopia 1% of men
#0098a1 Tritanopia 0.001% of the population

Trichromacy

#4986e6 Protanomaly 1% of men, 0.01% of women
#2689e8 Deuteranomaly 6% of men, 0.4% of women
#0f91bb Tritanomaly 0.01% of the population

#2a85e8 hex color

#2a85e8 Color Information

#2a85e8 Color Conversion

Color Schemes with #2a85e8

Alternatives to #2a85e8

#2a85e8 Preview

Shades and Tints of #2a85e8

Tones of #2a85e8

Color Blindness Simulator