#2a9af7 hex color

In a RGB color space, hex #2a9af7 is composed of 16.5% red, 60.4% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 83% cyan, 37.7% magenta, 0% yellow and 3.1% black. It has a hue angle of 207.2 degrees, a saturation of 92.8% and a lightness of 56.7%. #2a9af7 color hex could be obtained by blending #54ffff with #0035ef. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 16
- G 60
- B 97
RGB color chart
- C 83
- M 38
- Y 0
- K 3
CMYK color chart

● #2a9af7 color description : Bright blue.

The hexadecimal color #2a9af7 has RGB values of R:42, G:154, B:247 and CMYK values of C:0.83, M:0.38, Y:0, K:0.03. Its decimal value is 2792183.

Hex triplet	2a9af7	`#2a9af7`
RGB Decimal	42, 154, 247	`rgb(42,154,247)`
RGB Percent	16.5, 60.4, 96.9	`rgb(16.5%,60.4%,96.9%)`
CMYK	83, 38, 0, 3
HSL	207.2°, 92.8, 56.7	`hsl(207.2,92.8%,56.7%)`
HSV (or HSB)	207.2°, 83, 96.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	61.926, 1.856, -54.926
XYZ	29.295, 30.316, 92.298
xyY	0.193, 0.2, 30.316
CIE-LCH	61.926, 54.957, 271.935
CIE-LUV	61.926, -35.297, -88.368
Hunter-Lab	55.06, -1.384, -60.847
Binary	00101010, 10011010, 11110111

#2a9af7
```
#2a9af7 rgb(42,154,247)
```
#f7872a
```
#f7872a rgb(247,135,42)
```

Complementary Color

#2af7ee
```
#2af7ee rgb(42,247,238)
```
#2a9af7
```
#2a9af7 rgb(42,154,247)
```
#2a34f7
```
#2a34f7 rgb(42,52,247)
```

Analogous Color

#f7ee2a
```
#f7ee2a rgb(247,238,42)
```
#2a9af7
```
#2a9af7 rgb(42,154,247)
```
#f72a34
```
#f72a34 rgb(247,42,52)
```

Split Complementary Color

#9af72a
```
#9af72a rgb(154,247,42)
```
#2a9af7
```
#2a9af7 rgb(42,154,247)
```
#f72a9a
```
#f72a9a rgb(247,42,154)
```

Triadic Color

#2af787
```
#2af787 rgb(42,247,135)
```
#2a9af7
```
#2a9af7 rgb(42,154,247)
```
#f72a9a
```
#f72a9a rgb(247,42,154)
```
#f7872a
```
#f7872a rgb(247,135,42)
```

Tetradic Color

#0873cd
```
#0873cd rgb(8,115,205)
```
#0981e5
```
#0981e5 rgb(9,129,229)
```
#118ef6
```
#118ef6 rgb(17,142,246)
```
#2a9af7
```
#2a9af7 rgb(42,154,247)
```
#43a6f8
```
#43a6f8 rgb(67,166,248)
```
#5bb1f9
```
#5bb1f9 rgb(91,177,249)
```
#74bdfa
```
#74bdfa rgb(116,189,250)
```

Monochromatic Color

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

#2acdf7
```
#2acdf7 rgb(42,205,247)
```
#2abcf7
```
#2abcf7 rgb(42,188,247)
```
#2aabf7
```
#2aabf7 rgb(42,171,247)
```
#2a9af7
```
#2a9af7 rgb(42,154,247)
```
#2a89f7
```
#2a89f7 rgb(42,137,247)
```
#2a78f7
```
#2a78f7 rgb(42,120,247)
```
#2a67f7
```
#2a67f7 rgb(42,103,247)
```

Similar Colors

Text with hexadecimal color #2a9af7

This text has a font color of #2a9af7.

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

#2a9af7 background color

This paragraph has a background color of #2a9af7.

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

#2a9af7 border color

This element has a border color of #2a9af7.

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

CSS codes

.text {color:#2a9af7;}

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

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

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, #01080e is the darkest color, while #fafdff is the lightest one.

#01080e
```
#01080e rgb(1,8,14)
```
#011221
```
#011221 rgb(1,18,33)
```
#021d34
```
#021d34 rgb(2,29,52)
```
#032847
```
#032847 rgb(3,40,71)
```
#033259
```
#033259 rgb(3,50,89)
```
#043d6c
```
#043d6c rgb(4,61,108)
```
#05487f
```
#05487f rgb(5,72,127)
```
#055292
```
#055292 rgb(5,82,146)
```
#065da5
```
#065da5 rgb(6,93,165)
```
#0768b8
```
#0768b8 rgb(7,104,184)
```
#0872cb
```
#0872cb rgb(8,114,203)
```
#087dde
```
#087dde rgb(8,125,222)
```
#0988f1
```
#0988f1 rgb(9,136,241)
```

Shade Color Variation

#1791f6
```
#1791f6 rgb(23,145,246)
```
#2a9af7
```
#2a9af7 rgb(42,154,247)
```
#3da3f8
```
#3da3f8 rgb(61,163,248)
```
#50acf8
```
#50acf8 rgb(80,172,248)
```
#63b5f9
```
#63b5f9 rgb(99,181,249)
```
#76befa
```
#76befa rgb(118,190,250)
```
#89c7fb
```
#89c7fb rgb(137,199,251)
```
#9bd0fb
```
#9bd0fb rgb(155,208,251)
```
#aed9fc
```
#aed9fc rgb(174,217,252)
```
#c1e2fd
```
#c1e2fd rgb(193,226,253)
```
#d4ebfd
```
#d4ebfd rgb(212,235,253)
```
#e7f4fe
```
#e7f4fe rgb(231,244,254)
```
#fafdff
```
#fafdff rgb(250,253,255)
```

Tint Color Variation

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

#909191
```
#909191 rgb(144,145,145)
```
#88919a
```
#88919a rgb(136,145,154)
```
#7f92a2
```
#7f92a2 rgb(127,146,162)
```
#7793ab
```
#7793ab rgb(119,147,171)
```
#6e94b3
```
#6e94b3 rgb(110,148,179)
```
#6694bc
```
#6694bc rgb(102,148,188)
```
#5d95c4
```
#5d95c4 rgb(93,149,196)
```
#5596cd
```
#5596cd rgb(85,150,205)
```
#4c97d5
```
#4c97d5 rgb(76,151,213)
```
#4498de
```
#4498de rgb(68,152,222)
```
#3b98e6
```
#3b98e6 rgb(59,152,230)
```
#3399ef
```
#3399ef rgb(51,153,239)
```
#2a9af7
```
#2a9af7 rgb(42,154,247)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#71889a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7498f1 Protanopia 1% of men
#529cf8 Deuteranopia 1% of men
#00aab5 Tritanopia 0.001% of the population

Trichromacy

#5998f3 Protanomaly 1% of men, 0.01% of women
#439bf8 Deuteranomaly 6% of men, 0.4% of women
#0fa4cd Tritanomaly 0.01% of the population

#2a9af7 hex color

#2a9af7 Color Information

#2a9af7 Color Conversion

Color Schemes with #2a9af7

Alternatives to #2a9af7

#2a9af7 Preview

Shades and Tints of #2a9af7

Tones of #2a9af7

Color Blindness Simulator