#2a8afb hex color

In a RGB color space, hex #2a8afb is composed of 16.5% red, 54.1% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 45% magenta, 0% yellow and 1.6% black. It has a hue angle of 212.4 degrees, a saturation of 96.3% and a lightness of 57.5%. #2a8afb color hex could be obtained by blending #54ffff with #0015f7. Closest websafe color is: #3399ff.

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

● #2a8afb color description : Bright blue.

The hexadecimal color #2a8afb has RGB values of R:42, G:138, B:251 and CMYK values of C:0.83, M:0.45, Y:0, K:0.02. Its decimal value is 2788091.

Hex triplet	2a8afb	`#2a8afb`
RGB Decimal	42, 138, 251	`rgb(42,138,251)`
RGB Percent	16.5, 54.1, 98.4	`rgb(16.5%,54.1%,98.4%)`
CMYK	83, 45, 0, 2
HSL	212.4°, 96.3, 57.5	`hsl(212.4,96.3%,57.5%)`
HSV (or HSB)	212.4°, 83.3, 98.4
Web Safe	3399ff	`#3399ff`

CIE-LAB	57.686, 12.896, -63.906
XYZ	27.452, 25.632, 94.762
xyY	0.186, 0.173, 25.632
CIE-LCH	57.686, 65.194, 281.409
CIE-LUV	57.686, -30.086, -102.733
Hunter-Lab	50.628, 8.189, -75.536
Binary	00101010, 10001010, 11111011

#2a8afb
```
#2a8afb rgb(42,138,251)
```
#fb9b2a
```
#fb9b2a rgb(251,155,42)
```

Complementary Color

#2af3fb
```
#2af3fb rgb(42,243,251)
```
#2a8afb
```
#2a8afb rgb(42,138,251)
```
#332afb
```
#332afb rgb(51,42,251)
```

Analogous Color

#f3fb2a
```
#f3fb2a rgb(243,251,42)
```
#2a8afb
```
#2a8afb rgb(42,138,251)
```
#fb332a
```
#fb332a rgb(251,51,42)
```

Split Complementary Color

#8afb2a
```
#8afb2a rgb(138,251,42)
```
#2a8afb
```
#2a8afb rgb(42,138,251)
```
#fb2a8a
```
#fb2a8a rgb(251,42,138)
```

Triadic Color

#2afb9b
```
#2afb9b rgb(42,251,155)
```
#2a8afb
```
#2a8afb rgb(42,138,251)
```
#fb2a8a
```
#fb2a8a rgb(251,42,138)
```
#fb9b2a
```
#fb9b2a rgb(251,155,42)
```

Tetradic Color

#0464d5
```
#0464d5 rgb(4,100,213)
```
#0470ee
```
#0470ee rgb(4,112,238)
```
#117cfb
```
#117cfb rgb(17,124,251)
```
#2a8afb
```
#2a8afb rgb(42,138,251)
```
#4398fb
```
#4398fb rgb(67,152,251)
```
#5ca5fc
```
#5ca5fc rgb(92,165,252)
```
#75b3fc
```
#75b3fc rgb(117,179,252)
```

Monochromatic Color

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

#2abefb
```
#2abefb rgb(42,190,251)
```
#2aadfb
```
#2aadfb rgb(42,173,251)
```
#2a9bfb
```
#2a9bfb rgb(42,155,251)
```
#2a8afb
```
#2a8afb rgb(42,138,251)
```
#2a79fb
```
#2a79fb rgb(42,121,251)
```
#2a67fb
```
#2a67fb rgb(42,103,251)
```
#2a56fb
```
#2a56fb rgb(42,86,251)
```

Similar Colors

Text with hexadecimal color #2a8afb

This text has a font color of #2a8afb.

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

#2a8afb background color

This paragraph has a background color of #2a8afb.

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

#2a8afb border color

This element has a border color of #2a8afb.

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

CSS codes

.text {color:#2a8afb;}

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

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

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

#000812
```
#000812 rgb(0,8,18)
```
#011225
```
#011225 rgb(1,18,37)
```
#011b39
```
#011b39 rgb(1,27,57)
```
#01244c
```
#01244c rgb(1,36,76)
```
#022d5f
```
#022d5f rgb(2,45,95)
```
#023672
```
#023672 rgb(2,54,114)
```
#033f86
```
#033f86 rgb(3,63,134)
```
#034899
```
#034899 rgb(3,72,153)
```
#0351ac
```
#0351ac rgb(3,81,172)
```
#045abf
```
#045abf rgb(4,90,191)
```
#0463d3
```
#0463d3 rgb(4,99,211)
```
#046ce6
```
#046ce6 rgb(4,108,230)
```
#0575f9
```
#0575f9 rgb(5,117,249)
```

Shade Color Variation

#177ffb
```
#177ffb rgb(23,127,251)
```
#2a8afb
```
#2a8afb rgb(42,138,251)
```
#3d95fb
```
#3d95fb rgb(61,149,251)
```
#519ffc
```
#519ffc rgb(81,159,252)
```
#64aafc
```
#64aafc rgb(100,170,252)
```
#77b4fc
```
#77b4fc rgb(119,180,252)
```
#8abffd
```
#8abffd rgb(138,191,253)
```
#9ec9fd
```
#9ec9fd rgb(158,201,253)
```
#b1d4fe
```
#b1d4fe rgb(177,212,254)
```
#c4dffe
```
#c4dffe rgb(196,223,254)
```
#d7e9fe
```
#d7e9fe rgb(215,233,254)
```
#ebf4ff
```
#ebf4ff rgb(235,244,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#8e9297
```
#8e9297 rgb(142,146,151)
```
#86919f
```
#86919f rgb(134,145,159)
```
#7d91a8
```
#7d91a8 rgb(125,145,168)
```
#7590b0
```
#7590b0 rgb(117,144,176)
```
#6d8fb8
```
#6d8fb8 rgb(109,143,184)
```
#648fc1
```
#648fc1 rgb(100,143,193)
```
#5c8ec9
```
#5c8ec9 rgb(92,142,201)
```
#548dd1
```
#548dd1 rgb(84,141,209)
```
#4b8dda
```
#4b8dda rgb(75,141,218)
```
#438ce2
```
#438ce2 rgb(67,140,226)
```
#3b8bea
```
#3b8bea rgb(59,139,234)
```
#328bf3
```
#328bf3 rgb(50,139,243)
```
#2a8afb
```
#2a8afb rgb(42,138,251)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#6a7d94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#558df8 Protanopia 1% of men
#0093f4 Deuteranopia 1% of men
#009ea8 Tritanopia 0.001% of the population

Trichromacy

#458bf9 Protanomaly 1% of men, 0.01% of women
#0f8ff6 Deuteranomaly 6% of men, 0.4% of women
#0f97c6 Tritanomaly 0.01% of the population

#2a8afb hex color

#2a8afb Color Information

#2a8afb Color Conversion

Color Schemes with #2a8afb

Alternatives to #2a8afb

#2a8afb Preview

Shades and Tints of #2a8afb

Tones of #2a8afb

Color Blindness Simulator