#2a7fff hex color

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

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

● #2a7fff color description : Vivid blue.

The hexadecimal color #2a7fff has RGB values of R:42, G:127, B:255 and CMYK values of C:0.84, M:0.5, Y:0, K:0. Its decimal value is 2785279.

Hex triplet	2a7fff	`#2a7fff`
RGB Decimal	42, 127, 255	`rgb(42,127,255)`
RGB Percent	16.5, 49.8, 100	`rgb(16.5%,49.8%,100%)`
CMYK	84, 50, 0, 0
HSL	216.1°, 100, 58.2	`hsl(216.1,100%,58.2%)`
HSV (or HSB)	216.1°, 83.5, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	54.958, 21.161, -70.51
XYZ	26.59, 22.889, 97.619
xyY	0.181, 0.156, 22.889
CIE-LCH	54.958, 73.617, 286.705
CIE-LUV	54.958, -26.694, -112.544
Hunter-Lab	47.842, 15.485, -87.488
Binary	00101010, 01111111, 11111111

#2a7fff
```
#2a7fff rgb(42,127,255)
```
#ffaa2a
```
#ffaa2a rgb(255,170,42)
```

Complementary Color

#2aeaff
```
#2aeaff rgb(42,234,255)
```
#2a7fff
```
#2a7fff rgb(42,127,255)
```
#402aff
```
#402aff rgb(64,42,255)
```

Analogous Color

#eaff2a
```
#eaff2a rgb(234,255,42)
```
#2a7fff
```
#2a7fff rgb(42,127,255)
```
#ff402a
```
#ff402a rgb(255,64,42)
```

Split Complementary Color

#7fff2a
```
#7fff2a rgb(127,255,42)
```
#2a7fff
```
#2a7fff rgb(42,127,255)
```
#ff2a7f
```
#ff2a7f rgb(255,42,127)
```

Triadic Color

#2affaa
```
#2affaa rgb(42,255,170)
```
#2a7fff
```
#2a7fff rgb(42,127,255)
```
#ff2a7f
```
#ff2a7f rgb(255,42,127)
```
#ffaa2a
```
#ffaa2a rgb(255,170,42)
```

Tetradic Color

#0058dd
```
#0058dd rgb(0,88,221)
```
#0062f6
```
#0062f6 rgb(0,98,246)
```
#1170ff
```
#1170ff rgb(17,112,255)
```
#2a7fff
```
#2a7fff rgb(42,127,255)
```
#448eff
```
#448eff rgb(68,142,255)
```
#5d9eff
```
#5d9eff rgb(93,158,255)
```
#77adff
```
#77adff rgb(119,173,255)
```

Monochromatic Color

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

#2ab4ff
```
#2ab4ff rgb(42,180,255)
```
#2aa3ff
```
#2aa3ff rgb(42,163,255)
```
#2a91ff
```
#2a91ff rgb(42,145,255)
```
#2a7fff
```
#2a7fff rgb(42,127,255)
```
#2a6dff
```
#2a6dff rgb(42,109,255)
```
#2a5cff
```
#2a5cff rgb(42,92,255)
```
#2a4aff
```
#2a4aff rgb(42,74,255)
```

Similar Colors

Text with hexadecimal color #2a7fff

This text has a font color of #2a7fff.

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

#2a7fff background color

This paragraph has a background color of #2a7fff.

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

#2a7fff border color

This element has a border color of #2a7fff.

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

CSS codes

.text {color:#2a7fff;}

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

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

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)
```
#00112a
```
#00112a rgb(0,17,42)
```
#00193e
```
#00193e rgb(0,25,62)
```
#002051
```
#002051 rgb(0,32,81)
```
#002865
```
#002865 rgb(0,40,101)
```
#003078
```
#003078 rgb(0,48,120)
```
#00388c
```
#00388c rgb(0,56,140)
```
#0040a0
```
#0040a0 rgb(0,64,160)
```
#0048b3
```
#0048b3 rgb(0,72,179)
```
#004fc7
```
#004fc7 rgb(0,79,199)
```
#0057db
```
#0057db rgb(0,87,219)
```
#005fee
```
#005fee rgb(0,95,238)
```

Shade Color Variation

#0367ff
```
#0367ff rgb(3,103,255)
```
#1673ff
```
#1673ff rgb(22,115,255)
```
#2a7fff
```
#2a7fff rgb(42,127,255)
```
#3e8bff
```
#3e8bff rgb(62,139,255)
```
#5197ff
```
#5197ff rgb(81,151,255)
```
#65a2ff
```
#65a2ff rgb(101,162,255)
```
#78aeff
```
#78aeff rgb(120,174,255)
```
#8cbaff
```
#8cbaff rgb(140,186,255)
```
#a0c6ff
```
#a0c6ff rgb(160,198,255)
```
#b3d2ff
```
#b3d2ff rgb(179,210,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 #2a7fff is the most saturated one.

#8c939d
```
#8c939d rgb(140,147,157)
```
#8491a5
```
#8491a5 rgb(132,145,165)
```
#7c90ad
```
#7c90ad rgb(124,144,173)
```
#748eb5
```
#748eb5 rgb(116,142,181)
```
#6c8cbd
```
#6c8cbd rgb(108,140,189)
```
#638bc6
```
#638bc6 rgb(99,139,198)
```
#5b89ce
```
#5b89ce rgb(91,137,206)
```
#5387d6
```
#5387d6 rgb(83,135,214)
```
#4b86de
```
#4b86de rgb(75,134,222)
```
#4384e6
```
#4384e6 rgb(67,132,230)
```
#3a82ef
```
#3a82ef rgb(58,130,239)
```
#3281f7
```
#3281f7 rgb(50,129,247)
```
#2a7fff
```
#2a7fff rgb(42,127,255)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#657690 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3285ff Protanopia 1% of men
#008ce6 Deuteranopia 1% of men
#0097a0 Tritanopia 0.001% of the population

Trichromacy

#2f83ff Protanomaly 1% of men, 0.01% of women
#0f87ef Deuteranomaly 6% of men, 0.4% of women
#0f8ec2 Tritanomaly 0.01% of the population

#2a7fff hex color

#2a7fff Color Information

#2a7fff Color Conversion

Color Schemes with #2a7fff

Alternatives to #2a7fff

#2a7fff Preview

Shades and Tints of #2a7fff

Tones of #2a7fff

Color Blindness Simulator