#2a7afa hex color

In a RGB color space, hex #2a7afa is composed of 16.5% red, 47.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 83.2% cyan, 51.2% magenta, 0% yellow and 2% black. It has a hue angle of 216.9 degrees, a saturation of 95.4% and a lightness of 57.3%. #2a7afa color hex could be obtained by blending #54f4ff with #0000f5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 16
- G 48
- B 98
RGB color chart
- C 83
- M 51
- Y 0
- K 2
CMYK color chart

● #2a7afa color description : Bright blue.

The hexadecimal color #2a7afa has RGB values of R:42, G:122, B:250 and CMYK values of C:0.83, M:0.51, Y:0, K:0.02. Its decimal value is 2783994.

Hex triplet	2a7afa	`#2a7afa`
RGB Decimal	42, 122, 250	`rgb(42,122,250)`
RGB Percent	16.5, 47.8, 98	`rgb(16.5%,47.8%,98%)`
CMYK	83, 51, 0, 2
HSL	216.9°, 95.4, 57.3	`hsl(216.9,95.4%,57.3%)`
HSV (or HSB)	216.9°, 83.2, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	53.289, 22.409, -70.449
XYZ	25.166, 21.311, 93.224
xyY	0.18, 0.153, 21.311
CIE-LCH	53.289, 73.927, 287.645
CIE-LUV	53.289, -25.39, -111.68
Hunter-Lab	46.164, 16.52, -87.416
Binary	00101010, 01111010, 11111010

#2a7afa
```
#2a7afa rgb(42,122,250)
```
#faaa2a
```
#faaa2a rgb(250,170,42)
```

Complementary Color

#2ae2fa
```
#2ae2fa rgb(42,226,250)
```
#2a7afa
```
#2a7afa rgb(42,122,250)
```
#422afa
```
#422afa rgb(66,42,250)
```

Analogous Color

#e2fa2a
```
#e2fa2a rgb(226,250,42)
```
#2a7afa
```
#2a7afa rgb(42,122,250)
```
#fa422a
```
#fa422a rgb(250,66,42)
```

Split Complementary Color

#7afa2a
```
#7afa2a rgb(122,250,42)
```
#2a7afa
```
#2a7afa rgb(42,122,250)
```
#fa2a7a
```
#fa2a7a rgb(250,42,122)
```

Triadic Color

#2afaaa
```
#2afaaa rgb(42,250,170)
```
#2a7afa
```
#2a7afa rgb(42,122,250)
```
#fa2a7a
```
#fa2a7a rgb(250,42,122)
```
#faaa2a
```
#faaa2a rgb(250,170,42)
```

Tetradic Color

#0554d3
```
#0554d3 rgb(5,84,211)
```
#065eeb
```
#065eeb rgb(6,94,235)
```
#116af9
```
#116af9 rgb(17,106,249)
```
#2a7afa
```
#2a7afa rgb(42,122,250)
```
#438afb
```
#438afb rgb(67,138,251)
```
#5c99fb
```
#5c99fb rgb(92,153,251)
```
#75a9fc
```
#75a9fc rgb(117,169,252)
```

Monochromatic Color

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

#2aaefa
```
#2aaefa rgb(42,174,250)
```
#2a9dfa
```
#2a9dfa rgb(42,157,250)
```
#2a8bfa
```
#2a8bfa rgb(42,139,250)
```
#2a7afa
```
#2a7afa rgb(42,122,250)
```
#2a69fa
```
#2a69fa rgb(42,105,250)
```
#2a57fa
```
#2a57fa rgb(42,87,250)
```
#2a46fa
```
#2a46fa rgb(42,70,250)
```

Similar Colors

Text with hexadecimal color #2a7afa

This text has a font color of #2a7afa.

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

#2a7afa background color

This paragraph has a background color of #2a7afa.

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

#2a7afa border color

This element has a border color of #2a7afa.

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

CSS codes

.text {color:#2a7afa;}

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

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

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

#000711
```
#000711 rgb(0,7,17)
```
#010e24
```
#010e24 rgb(1,14,36)
```
#011637
```
#011637 rgb(1,22,55)
```
#021e4a
```
#021e4a rgb(2,30,74)
```
#02255e
```
#02255e rgb(2,37,94)
```
#032d71
```
#032d71 rgb(3,45,113)
```
#033584
```
#033584 rgb(3,53,132)
```
#043c97
```
#043c97 rgb(4,60,151)
```
#0444aa
```
#0444aa rgb(4,68,170)
```
#044cbd
```
#044cbd rgb(4,76,189)
```
#0553d1
```
#0553d1 rgb(5,83,209)
```
#055be4
```
#055be4 rgb(5,91,228)
```
#0663f7
```
#0663f7 rgb(6,99,247)
```

Shade Color Variation

#176efa
```
#176efa rgb(23,110,250)
```
#2a7afa
```
#2a7afa rgb(42,122,250)
```
#3d86fa
```
#3d86fa rgb(61,134,250)
```
#5092fb
```
#5092fb rgb(80,146,251)
```
#639efb
```
#639efb rgb(99,158,251)
```
#77aafc
```
#77aafc rgb(119,170,252)
```
#8ab6fc
```
#8ab6fc rgb(138,182,252)
```
#9dc2fd
```
#9dc2fd rgb(157,194,253)
```
#b0cefd
```
#b0cefd rgb(176,206,253)
```
#c3dafe
```
#c3dafe rgb(195,218,254)
```
#d6e6fe
```
#d6e6fe rgb(214,230,254)
```
#eaf2fe
```
#eaf2fe rgb(234,242,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#8f9195
```
#8f9195 rgb(143,145,149)
```
#868f9e
```
#868f9e rgb(134,143,158)
```
#7e8da6
```
#7e8da6 rgb(126,141,166)
```
#758baf
```
#758baf rgb(117,139,175)
```
#6d89b7
```
#6d89b7 rgb(109,137,183)
```
#6588bf
```
#6588bf rgb(101,136,191)
```
#5c86c8
```
#5c86c8 rgb(92,134,200)
```
#5484d0
```
#5484d0 rgb(84,132,208)
```
#4c82d8
```
#4c82d8 rgb(76,130,216)
```
#4380e1
```
#4380e1 rgb(67,128,225)
```
#3b7ee9
```
#3b7ee9 rgb(59,126,233)
```
#327cf2
```
#327cf2 rgb(50,124,242)
```
#2a7afa
```
#2a7afa rgb(42,122,250)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#63738c Atypical Achromatopsia 0.001% of the population

Dichromacy

#2581fb Protanopia 1% of men
#0088df Deuteranopia 1% of men
#00939b Tritanopia 0.001% of the population

Trichromacy

#267efa Protanomaly 1% of men, 0.01% of women
#0f83e9 Deuteranomaly 6% of men, 0.4% of women
#0f89bd Tritanomaly 0.01% of the population

#2a7afa hex color

#2a7afa Color Information

#2a7afa Color Conversion

Color Schemes with #2a7afa

Alternatives to #2a7afa

#2a7afa Preview

Shades and Tints of #2a7afa

Tones of #2a7afa

Color Blindness Simulator