#2a7ef3 hex color

In a RGB color space, hex #2a7ef3 is composed of 16.5% red, 49.4% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 48.1% magenta, 0% yellow and 4.7% black. It has a hue angle of 214.9 degrees, a saturation of 89.3% and a lightness of 55.9%. #2a7ef3 color hex could be obtained by blending #54fcff with #0000e7. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 16
- G 49
- B 95
RGB color chart
- C 83
- M 48
- Y 0
- K 5
CMYK color chart

● #2a7ef3 color description : Bright blue.

The hexadecimal color #2a7ef3 has RGB values of R:42, G:126, B:243 and CMYK values of C:0.83, M:0.48, Y:0, K:0.05. Its decimal value is 2785011.

Hex triplet	2a7ef3	`#2a7ef3`
RGB Decimal	42, 126, 243	`rgb(42,126,243)`
RGB Percent	16.5, 49.4, 95.3	`rgb(16.5%,49.4%,95.3%)`
CMYK	83, 48, 0, 5
HSL	214.9°, 89.3, 55.9	`hsl(214.9,89.3%,55.9%)`
HSV (or HSB)	214.9°, 82.7, 95.3
Web Safe	3366ff	`#3366ff`

CIE-LAB	53.903, 17.293, -65.575
XYZ	24.59, 21.883, 87.717
xyY	0.183, 0.163, 21.883
CIE-LCH	53.903, 67.816, 284.773
CIE-LUV	53.903, -26.742, -104.136
Hunter-Lab	46.779, 11.966, -78.431
Binary	00101010, 01111110, 11110011

#2a7ef3
```
#2a7ef3 rgb(42,126,243)
```
#f39f2a
```
#f39f2a rgb(243,159,42)
```

Complementary Color

#2ae3f3
```
#2ae3f3 rgb(42,227,243)
```
#2a7ef3
```
#2a7ef3 rgb(42,126,243)
```
#3b2af3
```
#3b2af3 rgb(59,42,243)
```

Analogous Color

#e3f32a
```
#e3f32a rgb(227,243,42)
```
#2a7ef3
```
#2a7ef3 rgb(42,126,243)
```
#f33b2a
```
#f33b2a rgb(243,59,42)
```

Split Complementary Color

#7ef32a
```
#7ef32a rgb(126,243,42)
```
#2a7ef3
```
#2a7ef3 rgb(42,126,243)
```
#f32a7e
```
#f32a7e rgb(243,42,126)
```

Triadic Color

#2af39f
```
#2af39f rgb(42,243,159)
```
#2a7ef3
```
#2a7ef3 rgb(42,126,243)
```
#f32a7e
```
#f32a7e rgb(243,42,126)
```
#f39f2a
```
#f39f2a rgb(243,159,42)
```

Tetradic Color

#0b59c5
```
#0b59c5 rgb(11,89,197)
```
#0c64de
```
#0c64de rgb(12,100,222)
```
#126ff2
```
#126ff2 rgb(18,111,242)
```
#2a7ef3
```
#2a7ef3 rgb(42,126,243)
```
#428df4
```
#428df4 rgb(66,141,244)
```
#5a9bf6
```
#5a9bf6 rgb(90,155,246)
```
#72aaf7
```
#72aaf7 rgb(114,170,247)
```

Monochromatic Color

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

#2ab0f3
```
#2ab0f3 rgb(42,176,243)
```
#2aa0f3
```
#2aa0f3 rgb(42,160,243)
```
#2a8ff3
```
#2a8ff3 rgb(42,143,243)
```
#2a7ef3
```
#2a7ef3 rgb(42,126,243)
```
#2a6df3
```
#2a6df3 rgb(42,109,243)
```
#2a5df3
```
#2a5df3 rgb(42,93,243)
```
#2a4cf3
```
#2a4cf3 rgb(42,76,243)
```

Similar Colors

Text with hexadecimal color #2a7ef3

This text has a font color of #2a7ef3.

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

#2a7ef3 background color

This paragraph has a background color of #2a7ef3.

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

#2a7ef3 border color

This element has a border color of #2a7ef3.

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

CSS codes

.text {color:#2a7ef3;}

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

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

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, #01040a is the darkest color, while #f6faff is the lightest one.

#01040a
```
#01040a rgb(1,4,10)
```
#020d1c
```
#020d1c rgb(2,13,28)
```
#03152f
```
#03152f rgb(3,21,47)
```
#041e42
```
#041e42 rgb(4,30,66)
```
#052654
```
#052654 rgb(5,38,84)
```
#062e67
```
#062e67 rgb(6,46,103)
```
#073779
```
#073779 rgb(7,55,121)
```
#083f8c
```
#083f8c rgb(8,63,140)
```
#09479e
```
#09479e rgb(9,71,158)
```
#0a50b1
```
#0a50b1 rgb(10,80,177)
```
#0b58c4
```
#0b58c4 rgb(11,88,196)
```
#0c60d6
```
#0c60d6 rgb(12,96,214)
```
#0d69e9
```
#0d69e9 rgb(13,105,233)
```

Shade Color Variation

#1773f2
```
#1773f2 rgb(23,115,242)
```
#2a7ef3
```
#2a7ef3 rgb(42,126,243)
```
#3d89f4
```
#3d89f4 rgb(61,137,244)
```
#4f94f5
```
#4f94f5 rgb(79,148,245)
```
#62a0f6
```
#62a0f6 rgb(98,160,246)
```
#74abf7
```
#74abf7 rgb(116,171,247)
```
#87b6f8
```
#87b6f8 rgb(135,182,248)
```
#99c1f9
```
#99c1f9 rgb(153,193,249)
```
#accdfa
```
#accdfa rgb(172,205,250)
```
#bfd8fb
```
#bfd8fb rgb(191,216,251)
```
#d1e3fc
```
#d1e3fc rgb(209,227,252)
```
#e4eefd
```
#e4eefd rgb(228,238,253)
```
#f6faff
```
#f6faff rgb(246,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898e94 is the less saturated color, while #217dfc is the most saturated one.

#898e94
```
#898e94 rgb(137,142,148)
```
#818c9c
```
#818c9c rgb(129,140,156)
```
#788ba5
```
#788ba5 rgb(120,139,165)
```
#6f89ae
```
#6f89ae rgb(111,137,174)
```
#6788b6
```
#6788b6 rgb(103,136,182)
```
#5e87bf
```
#5e87bf rgb(94,135,191)
```
#5585c8
```
#5585c8 rgb(85,133,200)
```
#4d84d0
```
#4d84d0 rgb(77,132,208)
```
#4482d9
```
#4482d9 rgb(68,130,217)
```
#3b81e2
```
#3b81e2 rgb(59,129,226)
```
#337fea
```
#337fea rgb(51,127,234)
```
#2a7ef3
```
#2a7ef3 rgb(42,126,243)
```
#217dfc
```
#217dfc rgb(33,125,252)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#64748c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4183f2 Protanopia 1% of men
#008ae3 Deuteranopia 1% of men
#00949d Tritanopia 0.001% of the population

Trichromacy

#3981f2 Protanomaly 1% of men, 0.01% of women
#0f85e9 Deuteranomaly 6% of men, 0.4% of women
#0f8cbc Tritanomaly 0.01% of the population

#2a7ef3 hex color

#2a7ef3 Color Information

#2a7ef3 Color Conversion

Color Schemes with #2a7ef3

Alternatives to #2a7ef3

#2a7ef3 Preview

Shades and Tints of #2a7ef3

Tones of #2a7ef3

Color Blindness Simulator