#2a78ed hex color

In a RGB color space, hex #2a78ed is composed of 16.5% red, 47.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 82.3% cyan, 49.4% magenta, 0% yellow and 7.1% black. It has a hue angle of 216 degrees, a saturation of 84.4% and a lightness of 54.7%. #2a78ed color hex could be obtained by blending #54f0ff with #0000db. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 16
- G 47
- B 93
RGB color chart
- C 82
- M 49
- Y 0
- K 7
CMYK color chart

● #2a78ed color description : Bright blue.

The hexadecimal color #2a78ed has RGB values of R:42, G:120, B:237 and CMYK values of C:0.82, M:0.49, Y:0, K:0.07. Its decimal value is 2783469.

Hex triplet	2a78ed	`#2a78ed`
RGB Decimal	42, 120, 237	`rgb(42,120,237)`
RGB Percent	16.5, 47.1, 92.9	`rgb(16.5%,47.1%,92.9%)`
CMYK	82, 49, 0, 7
HSL	216°, 84.4, 54.7	`hsl(216,84.4%,54.7%)`
HSV (or HSB)	216°, 82.3, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	51.88, 18.784, -65.499
XYZ	22.954, 20.038, 82.774
xyY	0.183, 0.159, 20.038
CIE-LCH	51.88, 68.139, 286.002
CIE-LUV	51.88, -25.142, -103.169
Hunter-Lab	44.764, 13.196, -78.301
Binary	00101010, 01111000, 11101101

#2a78ed
```
#2a78ed rgb(42,120,237)
```
#ed9f2a
```
#ed9f2a rgb(237,159,42)
```

Complementary Color

#2adaed
```
#2adaed rgb(42,218,237)
```
#2a78ed
```
#2a78ed rgb(42,120,237)
```
#3d2aed
```
#3d2aed rgb(61,42,237)
```

Analogous Color

#daed2a
```
#daed2a rgb(218,237,42)
```
#2a78ed
```
#2a78ed rgb(42,120,237)
```
#ed3d2a
```
#ed3d2a rgb(237,61,42)
```

Split Complementary Color

#78ed2a
```
#78ed2a rgb(120,237,42)
```
#2a78ed
```
#2a78ed rgb(42,120,237)
```
#ed2a78
```
#ed2a78 rgb(237,42,120)
```

Triadic Color

#2aed9f
```
#2aed9f rgb(42,237,159)
```
#2a78ed
```
#2a78ed rgb(42,120,237)
```
#ed2a78
```
#ed2a78 rgb(237,42,120)
```
#ed9f2a
```
#ed9f2a rgb(237,159,42)
```

Tetradic Color

#1054bb
```
#1054bb rgb(16,84,187)
```
#125fd2
```
#125fd2 rgb(18,95,210)
```
#1469ea
```
#1469ea rgb(20,105,234)
```
#2a78ed
```
#2a78ed rgb(42,120,237)
```
#4287ef
```
#4287ef rgb(66,135,239)
```
#5996f1
```
#5996f1 rgb(89,150,241)
```
#71a5f3
```
#71a5f3 rgb(113,165,243)
```

Monochromatic Color

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

#2aa9ed
```
#2aa9ed rgb(42,169,237)
```
#2a99ed
```
#2a99ed rgb(42,153,237)
```
#2a88ed
```
#2a88ed rgb(42,136,237)
```
#2a78ed
```
#2a78ed rgb(42,120,237)
```
#2a68ed
```
#2a68ed rgb(42,104,237)
```
#2a58ed
```
#2a58ed rgb(42,88,237)
```
#2a47ed
```
#2a47ed rgb(42,71,237)
```

Similar Colors

Text with hexadecimal color #2a78ed

This text has a font color of #2a78ed.

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

#2a78ed background color

This paragraph has a background color of #2a78ed.

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

#2a78ed border color

This element has a border color of #2a78ed.

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

CSS codes

.text {color:#2a78ed;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#020a16
```
#020a16 rgb(2,10,22)
```
#031228
```
#031228 rgb(3,18,40)
```
#051a3a
```
#051a3a rgb(5,26,58)
```
#06224c
```
#06224c rgb(6,34,76)
```
#082b5e
```
#082b5e rgb(8,43,94)
```
#0a3371
```
#0a3371 rgb(10,51,113)
```
#0b3b83
```
#0b3b83 rgb(11,59,131)
```
#0d4395
```
#0d4395 rgb(13,67,149)
```
#0e4ba7
```
#0e4ba7 rgb(14,75,167)
```
#1053b9
```
#1053b9 rgb(16,83,185)
```
#115bcb
```
#115bcb rgb(17,91,203)
```
#1364dd
```
#1364dd rgb(19,100,221)
```

Shade Color Variation

#186deb
```
#186deb rgb(24,109,235)
```
#2a78ed
```
#2a78ed rgb(42,120,237)
```
#3c83ef
```
#3c83ef rgb(60,131,239)
```
#4e8ff0
```
#4e8ff0 rgb(78,143,240)
```
#609af2
```
#609af2 rgb(96,154,242)
```
#72a6f3
```
#72a6f3 rgb(114,166,243)
```
#84b1f5
```
#84b1f5 rgb(132,177,245)
```
#97bdf6
```
#97bdf6 rgb(151,189,246)
```
#a9c8f8
```
#a9c8f8 rgb(169,200,248)
```
#bbd4f9
```
#bbd4f9 rgb(187,212,249)
```
#cddffb
```
#cddffb rgb(205,223,251)
```
#dfebfc
```
#dfebfc rgb(223,235,252)
```
#f1f6fe
```
#f1f6fe rgb(241,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838a94 is the less saturated color, while #1874ff is the most saturated one.

#838a94
```
#838a94 rgb(131,138,148)
```
#7a889d
```
#7a889d rgb(122,136,157)
```
#7186a6
```
#7186a6 rgb(113,134,166)
```
#6884af
```
#6884af rgb(104,132,175)
```
#5f83b8
```
#5f83b8 rgb(95,131,184)
```
#5681c1
```
#5681c1 rgb(86,129,193)
```
#4e7fc9
```
#4e7fc9 rgb(78,127,201)
```
#457dd2
```
#457dd2 rgb(69,125,210)
```
#3c7cdb
```
#3c7cdb rgb(60,124,219)
```
#337ae4
```
#337ae4 rgb(51,122,228)
```
#2a78ed
```
#2a78ed rgb(42,120,237)
```
#2176f6
```
#2176f6 rgb(33,118,246)
```
#1874ff
```
#1874ff rgb(24,116,255)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#607087 Atypical Achromatopsia 0.001% of the population

Dichromacy

#387eed Protanopia 1% of men
#0085da Deuteranopia 1% of men
#008f97 Tritanopia 0.001% of the population

Trichromacy

#327ced Protanomaly 1% of men, 0.01% of women
#0f80e1 Deuteranomaly 6% of men, 0.4% of women
#0f86b6 Tritanomaly 0.01% of the population

#2a78ed hex color

#2a78ed Color Information

#2a78ed Color Conversion

Color Schemes with #2a78ed

Alternatives to #2a78ed

#2a78ed Preview

Shades and Tints of #2a78ed

Tones of #2a78ed

Color Blindness Simulator