#2a78d3 hex color

In a RGB color space, hex #2a78d3 is composed of 16.5% red, 47.1% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 43.1% magenta, 0% yellow and 17.3% black. It has a hue angle of 212.3 degrees, a saturation of 66.8% and a lightness of 49.6%. #2a78d3 color hex could be obtained by blending #54f0ff with #0000a7. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 47
- B 83
RGB color chart
- C 80
- M 43
- Y 0
- K 17
CMYK color chart

● #2a78d3 color description : Strong blue.

The hexadecimal color #2a78d3 has RGB values of R:42, G:120, B:211 and CMYK values of C:0.8, M:0.43, Y:0, K:0.17. Its decimal value is 2783443.

Hex triplet	2a78d3	`#2a78d3`
RGB Decimal	42, 120, 211	`rgb(42,120,211)`
RGB Percent	16.5, 47.1, 82.7	`rgb(16.5%,47.1%,82.7%)`
CMYK	80, 43, 0, 17
HSL	212.3°, 66.8, 49.6	`hsl(212.3,66.8%,49.6%)`
HSV (or HSB)	212.3°, 80.1, 82.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	50.248, 8.975, -53.485
XYZ	19.427, 18.627, 64.196
xyY	0.19, 0.182, 18.627
CIE-LCH	50.248, 54.233, 279.526
CIE-LUV	50.248, -25.941, -83.088
Hunter-Lab	43.159, 4.818, -57.979
Binary	00101010, 01111000, 11010011

#2a78d3
```
#2a78d3 rgb(42,120,211)
```
#d3852a
```
#d3852a rgb(211,133,42)
```

Complementary Color

#2acdd3
```
#2acdd3 rgb(42,205,211)
```
#2a78d3
```
#2a78d3 rgb(42,120,211)
```
#312ad3
```
#312ad3 rgb(49,42,211)
```

Analogous Color

#cdd32a
```
#cdd32a rgb(205,211,42)
```
#2a78d3
```
#2a78d3 rgb(42,120,211)
```
#d3312a
```
#d3312a rgb(211,49,42)
```

Split Complementary Color

#78d32a
```
#78d32a rgb(120,211,42)
```
#2a78d3
```
#2a78d3 rgb(42,120,211)
```
#d32a78
```
#d32a78 rgb(211,42,120)
```

Triadic Color

#2ad385
```
#2ad385 rgb(42,211,133)
```
#2a78d3
```
#2a78d3 rgb(42,120,211)
```
#d32a78
```
#d32a78 rgb(211,42,120)
```
#d3852a
```
#d3852a rgb(211,133,42)
```

Tetradic Color

#1d5493
```
#1d5493 rgb(29,84,147)
```
#2260a8
```
#2260a8 rgb(34,96,168)
```
#266cbe
```
#266cbe rgb(38,108,190)
```
#2a78d3
```
#2a78d3 rgb(42,120,211)
```
#3e85d9
```
#3e85d9 rgb(62,133,217)
```
#5393dd
```
#5393dd rgb(83,147,221)
```
#68a0e1
```
#68a0e1 rgb(104,160,225)
```

Monochromatic Color

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

#2aa2d3
```
#2aa2d3 rgb(42,162,211)
```
#2a94d3
```
#2a94d3 rgb(42,148,211)
```
#2a86d3
```
#2a86d3 rgb(42,134,211)
```
#2a78d3
```
#2a78d3 rgb(42,120,211)
```
#2a6ad3
```
#2a6ad3 rgb(42,106,211)
```
#2a5cd3
```
#2a5cd3 rgb(42,92,211)
```
#2a4ed3
```
#2a4ed3 rgb(42,78,211)
```

Similar Colors

Text with hexadecimal color #2a78d3

This text has a font color of #2a78d3.

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

#2a78d3 background color

This paragraph has a background color of #2a78d3.

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

#2a78d3 border color

This element has a border color of #2a78d3.

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

CSS codes

.text {color:#2a78d3;}

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

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

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

#03080f
```
#03080f rgb(3,8,15)
```
#06121f
```
#06121f rgb(6,18,31)
```
#091b2f
```
#091b2f rgb(9,27,47)
```
#0d2440
```
#0d2440 rgb(13,36,64)
```
#102e50
```
#102e50 rgb(16,46,80)
```
#133760
```
#133760 rgb(19,55,96)
```
#164071
```
#164071 rgb(22,64,113)
```
#1a4981
```
#1a4981 rgb(26,73,129)
```
#1d5392
```
#1d5392 rgb(29,83,146)
```
#205ca2
```
#205ca2 rgb(32,92,162)
```
#2365b2
```
#2365b2 rgb(35,101,178)
```
#276fc3
```
#276fc3 rgb(39,111,195)
```
#2a78d3
```
#2a78d3 rgb(42,120,211)
```

Shade Color Variation

#3982d8
```
#3982d8 rgb(57,130,216)
```
#498ddb
```
#498ddb rgb(73,141,219)
```
#5a97de
```
#5a97de rgb(90,151,222)
```
#6aa1e1
```
#6aa1e1 rgb(106,161,225)
```
#7aabe5
```
#7aabe5 rgb(122,171,229)
```
#8bb6e8
```
#8bb6e8 rgb(139,182,232)
```
#9bc0eb
```
#9bc0eb rgb(155,192,235)
```
#accaee
```
#accaee rgb(172,202,238)
```
#bcd5f2
```
#bcd5f2 rgb(188,213,242)
```
#ccdff5
```
#ccdff5 rgb(204,223,245)
```
#dde9f8
```
#dde9f8 rgb(221,233,248)
```
#edf4fb
```
#edf4fb rgb(237,244,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#787e85
```
#787e85 rgb(120,126,133)
```
#6e7d8f
```
#6e7d8f rgb(110,125,143)
```
#647c99
```
#647c99 rgb(100,124,153)
```
#5b7ca2
```
#5b7ca2 rgb(91,124,162)
```
#517bac
```
#517bac rgb(81,123,172)
```
#477ab6
```
#477ab6 rgb(71,122,182)
```
#3d79c0
```
#3d79c0 rgb(61,121,192)
```
#3479c9
```
#3479c9 rgb(52,121,201)
```
#2a78d3
```
#2a78d3 rgb(42,120,211)
```
#2077dd
```
#2077dd rgb(32,119,221)
```
#1777e6
```
#1777e6 rgb(23,119,230)
```
#0d76f0
```
#0d76f0 rgb(13,118,240)
```
#0375fa
```
#0375fa rgb(3,117,250)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#5e6e80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#537bd2 Protanopia 1% of men
#2180d4 Deuteranopia 1% of men
#008b93 Tritanopia 0.001% of the population

Trichromacy

#447ad2 Protanomaly 1% of men, 0.01% of women
#247dd4 Deuteranomaly 6% of men, 0.4% of women
#0f84aa Tritanomaly 0.01% of the population

#2a78d3 hex color

#2a78d3 Color Information

#2a78d3 Color Conversion

Color Schemes with #2a78d3

Alternatives to #2a78d3

#2a78d3 Preview

Shades and Tints of #2a78d3

Tones of #2a78d3

Color Blindness Simulator