#2a9aff hex color

In a RGB color space, hex #2a9aff is composed of 16.5% red, 60.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 39.6% magenta, 0% yellow and 0% black. It has a hue angle of 208.5 degrees, a saturation of 100% and a lightness of 58.2%. #2a9aff color hex could be obtained by blending #54ffff with #0035ff. Closest websafe color is: #3399ff.

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

● #2a9aff color description : Vivid blue.

The hexadecimal color #2a9aff has RGB values of R:42, G:154, B:255 and CMYK values of C:0.84, M:0.4, Y:0, K:0. Its decimal value is 2792191.

Hex triplet	2a9aff	`#2a9aff`
RGB Decimal	42, 154, 255	`rgb(42,154,255)`
RGB Percent	16.5, 60.4, 100	`rgb(16.5%,60.4%,100%)`
CMYK	84, 40, 0, 0
HSL	208.5°, 100, 58.2	`hsl(208.5,100%,58.2%)`
HSV (or HSB)	208.5°, 83.5, 100
Web Safe	3399ff	`#3399ff`

CIE-LAB	62.356, 4.782, -58.621
XYZ	30.556, 30.821, 98.941
xyY	0.191, 0.192, 30.821
CIE-LCH	62.356, 58.815, 274.664
CIE-LUV	62.356, -34.909, -94.905
Hunter-Lab	55.516, 1.092, -66.804
Binary	00101010, 10011010, 11111111

#2a9aff
```
#2a9aff rgb(42,154,255)
```
#ff8f2a
```
#ff8f2a rgb(255,143,42)
```

Complementary Color

#2afffa
```
#2afffa rgb(42,255,250)
```
#2a9aff
```
#2a9aff rgb(42,154,255)
```
#2a2fff
```
#2a2fff rgb(42,47,255)
```

Analogous Color

#fffa2a
```
#fffa2a rgb(255,250,42)
```
#2a9aff
```
#2a9aff rgb(42,154,255)
```
#ff2a30
```
#ff2a30 rgb(255,42,48)
```

Split Complementary Color

#9aff2a
```
#9aff2a rgb(154,255,42)
```
#2a9aff
```
#2a9aff rgb(42,154,255)
```
#ff2a9a
```
#ff2a9a rgb(255,42,154)
```

Triadic Color

#2aff8f
```
#2aff8f rgb(42,255,143)
```
#2a9aff
```
#2a9aff rgb(42,154,255)
```
#ff2a9a
```
#ff2a9a rgb(255,42,154)
```
#ff8f2a
```
#ff8f2a rgb(255,143,42)
```

Tetradic Color

#0074dd
```
#0074dd rgb(0,116,221)
```
#0081f6
```
#0081f6 rgb(0,129,246)
```
#118eff
```
#118eff rgb(17,142,255)
```
#2a9aff
```
#2a9aff rgb(42,154,255)
```
#44a6ff
```
#44a6ff rgb(68,166,255)
```
#5db2ff
```
#5db2ff rgb(93,178,255)
```
#77beff
```
#77beff rgb(119,190,255)
```

Monochromatic Color

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

#2acfff
```
#2acfff rgb(42,207,255)
```
#2abeff
```
#2abeff rgb(42,190,255)
```
#2aacff
```
#2aacff rgb(42,172,255)
```
#2a9aff
```
#2a9aff rgb(42,154,255)
```
#2a88ff
```
#2a88ff rgb(42,136,255)
```
#2a77ff
```
#2a77ff rgb(42,119,255)
```
#2a65ff
```
#2a65ff rgb(42,101,255)
```

Similar Colors

Text with hexadecimal color #2a9aff

This text has a font color of #2a9aff.

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

#2a9aff background color

This paragraph has a background color of #2a9aff.

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

#2a9aff border color

This element has a border color of #2a9aff.

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

CSS codes

.text {color:#2a9aff;}

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

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

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 #eef7ff is the lightest one.

#000103
```
#000103 rgb(0,1,3)
```
#000c16
```
#000c16 rgb(0,12,22)
```
#00162a
```
#00162a rgb(0,22,42)
```
#00203e
```
#00203e rgb(0,32,62)
```
#002b51
```
#002b51 rgb(0,43,81)
```
#003565
```
#003565 rgb(0,53,101)
```
#003f78
```
#003f78 rgb(0,63,120)
```
#004a8c
```
#004a8c rgb(0,74,140)
```
#0054a0
```
#0054a0 rgb(0,84,160)
```
#005eb3
```
#005eb3 rgb(0,94,179)
```
#0069c7
```
#0069c7 rgb(0,105,199)
```
#0073db
```
#0073db rgb(0,115,219)
```
#007dee
```
#007dee rgb(0,125,238)
```

Shade Color Variation

#0387ff
```
#0387ff rgb(3,135,255)
```
#1691ff
```
#1691ff rgb(22,145,255)
```
#2a9aff
```
#2a9aff rgb(42,154,255)
```
#3ea3ff
```
#3ea3ff rgb(62,163,255)
```
#51adff
```
#51adff rgb(81,173,255)
```
#65b6ff
```
#65b6ff rgb(101,182,255)
```
#78bfff
```
#78bfff rgb(120,191,255)
```
#8cc9ff
```
#8cc9ff rgb(140,201,255)
```
#a0d2ff
```
#a0d2ff rgb(160,210,255)
```
#b3dbff
```
#b3dbff rgb(179,219,255)
```
#c7e4ff
```
#c7e4ff rgb(199,228,255)
```
#dbeeff
```
#dbeeff rgb(219,238,255)
```
#eef7ff
```
#eef7ff rgb(238,247,255)
```

Tint Color Variation

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

#8c959d
```
#8c959d rgb(140,149,157)
```
#8495a5
```
#8495a5 rgb(132,149,165)
```
#7c96ad
```
#7c96ad rgb(124,150,173)
```
#7496b5
```
#7496b5 rgb(116,150,181)
```
#6c97bd
```
#6c97bd rgb(108,151,189)
```
#6397c6
```
#6397c6 rgb(99,151,198)
```
#5b97ce
```
#5b97ce rgb(91,151,206)
```
#5398d6
```
#5398d6 rgb(83,152,214)
```
#4b98de
```
#4b98de rgb(75,152,222)
```
#4399e6
```
#4399e6 rgb(67,153,230)
```
#3a99ef
```
#3a99ef rgb(58,153,239)
```
#329af7
```
#329af7 rgb(50,154,247)
```
#2a9aff
```
#2a9aff rgb(42,154,255)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#72889d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f99f9 Protanopia 1% of men
#469dff Deuteranopia 1% of men
#00abb6 Tritanopia 0.001% of the population

Trichromacy

#5699fb Protanomaly 1% of men, 0.01% of women
#3c9cff Deuteranomaly 6% of men, 0.4% of women
#0fa5d0 Tritanomaly 0.01% of the population

#2a9aff hex color

#2a9aff Color Information

#2a9aff Color Conversion

Color Schemes with #2a9aff

Alternatives to #2a9aff

#2a9aff Preview

Shades and Tints of #2a9aff

Tones of #2a9aff

Color Blindness Simulator