#2a70de hex color

In a RGB color space, hex #2a70de is composed of 16.5% red, 43.9% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 49.5% magenta, 0% yellow and 12.9% black. It has a hue angle of 216.7 degrees, a saturation of 73.2% and a lightness of 51.8%. #2a70de color hex could be obtained by blending #54e0ff with #0000bd. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 44
- B 87
RGB color chart
- C 81
- M 50
- Y 0
- K 13
CMYK color chart

● #2a70de color description : Bright blue.

The hexadecimal color #2a70de has RGB values of R:42, G:112, B:222 and CMYK values of C:0.81, M:0.5, Y:0, K:0.13. Its decimal value is 2781406.

Hex triplet	2a70de	`#2a70de`
RGB Decimal	42, 112, 222	`rgb(42,112,222)`
RGB Percent	16.5, 43.9, 87.1	`rgb(16.5%,43.9%,87.1%)`
CMYK	81, 50, 0, 13
HSL	216.7°, 73.2, 51.8	`hsl(216.7,73.2%,51.8%)`
HSV (or HSB)	216.7°, 81.1, 87.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	48.702, 18.166, -62.204
XYZ	19.931, 17.353, 71.402
xyY	0.183, 0.16, 17.353
CIE-LCH	48.702, 64.803, 286.28
CIE-LUV	48.702, -23.17, -96.529
Hunter-Lab	41.657, 12.505, -72.467
Binary	00101010, 01110000, 11011110

#2a70de
```
#2a70de rgb(42,112,222)
```
#de982a
```
#de982a rgb(222,152,42)
```

Complementary Color

#2acade
```
#2acade rgb(42,202,222)
```
#2a70de
```
#2a70de rgb(42,112,222)
```
#3e2ade
```
#3e2ade rgb(62,42,222)
```

Analogous Color

#cade2a
```
#cade2a rgb(202,222,42)
```
#2a70de
```
#2a70de rgb(42,112,222)
```
#de3e2a
```
#de3e2a rgb(222,62,42)
```

Split Complementary Color

#70de2a
```
#70de2a rgb(112,222,42)
```
#2a70de
```
#2a70de rgb(42,112,222)
```
#de2a70
```
#de2a70 rgb(222,42,112)
```

Triadic Color

#2ade98
```
#2ade98 rgb(42,222,152)
```
#2a70de
```
#2a70de rgb(42,112,222)
```
#de2a70
```
#de2a70 rgb(222,42,112)
```
#de982a
```
#de982a rgb(222,152,42)
```

Tetradic Color

#194fa2
```
#194fa2 rgb(25,79,162)
```
#1d59b8
```
#1d59b8 rgb(29,89,184)
```
#2064cf
```
#2064cf rgb(32,100,207)
```
#2a70de
```
#2a70de rgb(42,112,222)
```
#407fe1
```
#407fe1 rgb(64,127,225)
```
#568ee5
```
#568ee5 rgb(86,142,229)
```
#6c9ce8
```
#6c9ce8 rgb(108,156,232)
```

Monochromatic Color

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

#2a9dde
```
#2a9dde rgb(42,157,222)
```
#2a8ede
```
#2a8ede rgb(42,142,222)
```
#2a7fde
```
#2a7fde rgb(42,127,222)
```
#2a70de
```
#2a70de rgb(42,112,222)
```
#2a61de
```
#2a61de rgb(42,97,222)
```
#2a52de
```
#2a52de rgb(42,82,222)
```
#2a43de
```
#2a43de rgb(42,67,222)
```

Similar Colors

Text with hexadecimal color #2a70de

This text has a font color of #2a70de.

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

#2a70de background color

This paragraph has a background color of #2a70de.

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

#2a70de border color

This element has a border color of #2a70de.

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

CSS codes

.text {color:#2a70de;}

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

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

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

#010408
```
#010408 rgb(1,4,8)
```
#040c19
```
#040c19 rgb(4,12,25)
```
#06142a
```
#06142a rgb(6,20,42)
```
#091c3b
```
#091c3b rgb(9,28,59)
```
#0c254c
```
#0c254c rgb(12,37,76)
```
#0e2d5d
```
#0e2d5d rgb(14,45,93)
```
#11356e
```
#11356e rgb(17,53,110)
```
#143d7f
```
#143d7f rgb(20,61,127)
```
#164590
```
#164590 rgb(22,69,144)
```
#194ea1
```
#194ea1 rgb(25,78,161)
```
#1c56b2
```
#1c56b2 rgb(28,86,178)
```
#1e5ec3
```
#1e5ec3 rgb(30,94,195)
```
#2166d4
```
#2166d4 rgb(33,102,212)
```

Shade Color Variation

#2a70de
```
#2a70de rgb(42,112,222)
```
#3b7be1
```
#3b7be1 rgb(59,123,225)
```
#4c87e3
```
#4c87e3 rgb(76,135,227)
```
#5d92e6
```
#5d92e6 rgb(93,146,230)
```
#6e9ee9
```
#6e9ee9 rgb(110,158,233)
```
#7fa9eb
```
#7fa9eb rgb(127,169,235)
```
#90b4ee
```
#90b4ee rgb(144,180,238)
```
#a1c0f0
```
#a1c0f0 rgb(161,192,240)
```
#b2cbf3
```
#b2cbf3 rgb(178,203,243)
```
#c3d7f6
```
#c3d7f6 rgb(195,215,246)
```
#d4e2f8
```
#d4e2f8 rgb(212,226,248)
```
#e5edfb
```
#e5edfb rgb(229,237,251)
```
#f6f9fe
```
#f6f9fe rgb(246,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8389 is the less saturated color, while #0e6afa is the most saturated one.

#7f8389
```
#7f8389 rgb(127,131,137)
```
#768192
```
#768192 rgb(118,129,146)
```
#6c7f9c
```
#6c7f9c rgb(108,127,156)
```
#637da5
```
#637da5 rgb(99,125,165)
```
#597baf
```
#597baf rgb(89,123,175)
```
#5078b8
```
#5078b8 rgb(80,120,184)
```
#4676c2
```
#4676c2 rgb(70,118,194)
```
#3d74cb
```
#3d74cb rgb(61,116,203)
```
#3372d5
```
#3372d5 rgb(51,114,213)
```
#2a70de
```
#2a70de rgb(42,112,222)
```
#216ee7
```
#216ee7 rgb(33,110,231)
```
#176cf1
```
#176cf1 rgb(23,108,241)
```
#0e6afa
```
#0e6afa rgb(14,106,250)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5c6a80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3577df Protanopia 1% of men
#007dce Deuteranopia 1% of men
#00878f Tritanopia 0.001% of the population

Trichromacy

#3174df Protanomaly 1% of men, 0.01% of women
#0f78d3 Deuteranomaly 6% of men, 0.4% of women
#0f7eab Tritanomaly 0.01% of the population

#2a70de hex color

#2a70de Color Information

#2a70de Color Conversion

Color Schemes with #2a70de

Alternatives to #2a70de

#2a70de Preview

Shades and Tints of #2a70de

Tones of #2a70de

Color Blindness Simulator