#2a7cff hex color

In a RGB color space, hex #2a7cff is composed of 16.5% red, 48.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 51.4% magenta, 0% yellow and 0% black. It has a hue angle of 216.9 degrees, a saturation of 100% and a lightness of 58.2%. #2a7cff color hex could be obtained by blending #54f8ff with #0000ff. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 16
- G 49
- B 100
RGB color chart
- C 84
- M 51
- Y 0
- K 0
CMYK color chart

● #2a7cff color description : Vivid blue.

The hexadecimal color #2a7cff has RGB values of R:42, G:124, B:255 and CMYK values of C:0.84, M:0.51, Y:0, K:0. Its decimal value is 2784511.

Hex triplet	2a7cff	`#2a7cff`
RGB Decimal	42, 124, 255	`rgb(42,124,255)`
RGB Percent	16.5, 48.6, 100	`rgb(16.5%,48.6%,100%)`
CMYK	84, 51, 0, 0
HSL	216.9°, 100, 58.2	`hsl(216.9,100%,58.2%)`
HSV (or HSB)	216.9°, 83.5, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	54.16, 23.027, -71.802
XYZ	26.209, 22.125, 97.492
xyY	0.18, 0.152, 22.125
CIE-LCH	54.16, 75.404, 287.782
CIE-LUV	54.16, -25.837, -114.237
Hunter-Lab	47.038, 17.141, -89.96
Binary	00101010, 01111100, 11111111

#2a7cff
```
#2a7cff rgb(42,124,255)
```
#ffad2a
```
#ffad2a rgb(255,173,42)
```

Complementary Color

#2ae7ff
```
#2ae7ff rgb(42,231,255)
```
#2a7cff
```
#2a7cff rgb(42,124,255)
```
#432aff
```
#432aff rgb(67,42,255)
```

Analogous Color

#e7ff2a
```
#e7ff2a rgb(231,255,42)
```
#2a7cff
```
#2a7cff rgb(42,124,255)
```
#ff422a
```
#ff422a rgb(255,66,42)
```

Split Complementary Color

#7cff2a
```
#7cff2a rgb(124,255,42)
```
#2a7cff
```
#2a7cff rgb(42,124,255)
```
#ff2a7c
```
#ff2a7c rgb(255,42,124)
```

Triadic Color

#2affad
```
#2affad rgb(42,255,173)
```
#2a7cff
```
#2a7cff rgb(42,124,255)
```
#ff2a7c
```
#ff2a7c rgb(255,42,124)
```
#ffad2a
```
#ffad2a rgb(255,173,42)
```

Tetradic Color

#0055dd
```
#0055dd rgb(0,85,221)
```
#005ff6
```
#005ff6 rgb(0,95,246)
```
#116cff
```
#116cff rgb(17,108,255)
```
#2a7cff
```
#2a7cff rgb(42,124,255)
```
#448cff
```
#448cff rgb(68,140,255)
```
#5d9bff
```
#5d9bff rgb(93,155,255)
```
#77abff
```
#77abff rgb(119,171,255)
```

Monochromatic Color

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

#2ab1ff
```
#2ab1ff rgb(42,177,255)
```
#2aa0ff
```
#2aa0ff rgb(42,160,255)
```
#2a8eff
```
#2a8eff rgb(42,142,255)
```
#2a7cff
```
#2a7cff rgb(42,124,255)
```
#2a6aff
```
#2a6aff rgb(42,106,255)
```
#2a59ff
```
#2a59ff rgb(42,89,255)
```
#2a47ff
```
#2a47ff rgb(42,71,255)
```

Similar Colors

Text with hexadecimal color #2a7cff

This text has a font color of #2a7cff.

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

#2a7cff background color

This paragraph has a background color of #2a7cff.

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

#2a7cff border color

This element has a border color of #2a7cff.

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

CSS codes

.text {color:#2a7cff;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#000916
```
#000916 rgb(0,9,22)
```
#00102a
```
#00102a rgb(0,16,42)
```
#00183e
```
#00183e rgb(0,24,62)
```
#001f51
```
#001f51 rgb(0,31,81)
```
#002765
```
#002765 rgb(0,39,101)
```
#002e78
```
#002e78 rgb(0,46,120)
```
#00368c
```
#00368c rgb(0,54,140)
```
#003da0
```
#003da0 rgb(0,61,160)
```
#0045b3
```
#0045b3 rgb(0,69,179)
```
#004dc7
```
#004dc7 rgb(0,77,199)
```
#0054db
```
#0054db rgb(0,84,219)
```
#005cee
```
#005cee rgb(0,92,238)
```

Shade Color Variation

#0364ff
```
#0364ff rgb(3,100,255)
```
#1670ff
```
#1670ff rgb(22,112,255)
```
#2a7cff
```
#2a7cff rgb(42,124,255)
```
#3e88ff
```
#3e88ff rgb(62,136,255)
```
#5194ff
```
#5194ff rgb(81,148,255)
```
#65a0ff
```
#65a0ff rgb(101,160,255)
```
#78acff
```
#78acff rgb(120,172,255)
```
#8cb8ff
```
#8cb8ff rgb(140,184,255)
```
#a0c4ff
```
#a0c4ff rgb(160,196,255)
```
#b3d0ff
```
#b3d0ff rgb(179,208,255)
```
#c7ddff
```
#c7ddff rgb(199,221,255)
```
#dbe9ff
```
#dbe9ff rgb(219,233,255)
```
#eef5ff
```
#eef5ff rgb(238,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c939d is the less saturated color, while #2a7cff is the most saturated one.

#8c939d
```
#8c939d rgb(140,147,157)
```
#8491a5
```
#8491a5 rgb(132,145,165)
```
#7c8fad
```
#7c8fad rgb(124,143,173)
```
#748db5
```
#748db5 rgb(116,141,181)
```
#6c8bbd
```
#6c8bbd rgb(108,139,189)
```
#6389c6
```
#6389c6 rgb(99,137,198)
```
#5b87ce
```
#5b87ce rgb(91,135,206)
```
#5385d6
```
#5385d6 rgb(83,133,214)
```
#4b84de
```
#4b84de rgb(75,132,222)
```
#4382e6
```
#4382e6 rgb(67,130,230)
```
#3a80ef
```
#3a80ef rgb(58,128,239)
```
#327ef7
```
#327ef7 rgb(50,126,247)
```
#2a7cff
```
#2a7cff rgb(42,124,255)
```

Tone Color Variation

Below, you can see how #2a7cff 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
#64748e Atypical Achromatopsia 0.001% of the population

Dichromacy

#2583ff Protanopia 1% of men
#008ae3 Deuteranopia 1% of men
#00959e Tritanopia 0.001% of the population

Trichromacy

#2781ff Protanomaly 1% of men, 0.01% of women
#0f85ed Deuteranomaly 6% of men, 0.4% of women
#0f8cc1 Tritanomaly 0.01% of the population

#2a7cff hex color

#2a7cff Color Information

#2a7cff Color Conversion

Color Schemes with #2a7cff

Alternatives to #2a7cff

#2a7cff Preview

Shades and Tints of #2a7cff

Tones of #2a7cff

Color Blindness Simulator