#2a8fec hex color

In a RGB color space, hex #2a8fec is composed of 16.5% red, 56.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 82.2% cyan, 39.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 208.8 degrees, a saturation of 83.6% and a lightness of 54.5%. #2a8fec color hex could be obtained by blending #54ffff with #001fd9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 16
- G 56
- B 93
RGB color chart
- C 82
- M 39
- Y 0
- K 7
CMYK color chart

● #2a8fec color description : Bright blue.

The hexadecimal color #2a8fec has RGB values of R:42, G:143, B:236 and CMYK values of C:0.82, M:0.39, Y:0, K:0.07. Its decimal value is 2789356.

Hex triplet	2a8fec	`#2a8fec`
RGB Decimal	42, 143, 236	`rgb(42,143,236)`
RGB Percent	16.5, 56.1, 92.5	`rgb(16.5%,56.1%,92.5%)`
CMYK	82, 39, 0, 7
HSL	208.8°, 83.6, 54.5	`hsl(208.8,83.6%,54.5%)`
HSV (or HSB)	208.8°, 82.2, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.218, 4.312, -54.768
XYZ	25.914, 26.191, 83.042
xyY	0.192, 0.194, 26.191
CIE-LCH	58.218, 54.937, 274.502
CIE-LUV	58.218, -32.274, -87.348
Hunter-Lab	51.177, 0.825, -60.382
Binary	00101010, 10001111, 11101100

#2a8fec
```
#2a8fec rgb(42,143,236)
```
#ec872a
```
#ec872a rgb(236,135,42)
```

Complementary Color

#2aece8
```
#2aece8 rgb(42,236,232)
```
#2a8fec
```
#2a8fec rgb(42,143,236)
```
#2a2eec
```
#2a2eec rgb(42,46,236)
```

Analogous Color

#ece82a
```
#ece82a rgb(236,232,42)
```
#2a8fec
```
#2a8fec rgb(42,143,236)
```
#ec2a2e
```
#ec2a2e rgb(236,42,46)
```

Split Complementary Color

#8fec2a
```
#8fec2a rgb(143,236,42)
```
#2a8fec
```
#2a8fec rgb(42,143,236)
```
#ec2a8f
```
#ec2a8f rgb(236,42,143)
```

Triadic Color

#2aec87
```
#2aec87 rgb(42,236,135)
```
#2a8fec
```
#2a8fec rgb(42,143,236)
```
#ec2a8f
```
#ec2a8f rgb(236,42,143)
```
#ec872a
```
#ec872a rgb(236,135,42)
```

Tetradic Color

#1168b9
```
#1168b9 rgb(17,104,185)
```
#1375d0
```
#1375d0 rgb(19,117,208)
```
#1583e8
```
#1583e8 rgb(21,131,232)
```
#2a8fec
```
#2a8fec rgb(42,143,236)
```
#419bee
```
#419bee rgb(65,155,238)
```
#59a8f0
```
#59a8f0 rgb(89,168,240)
```
#70b4f2
```
#70b4f2 rgb(112,180,242)
```

Monochromatic Color

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

#2ac0ec
```
#2ac0ec rgb(42,192,236)
```
#2aafec
```
#2aafec rgb(42,175,236)
```
#2a9fec
```
#2a9fec rgb(42,159,236)
```
#2a8fec
```
#2a8fec rgb(42,143,236)
```
#2a7fec
```
#2a7fec rgb(42,127,236)
```
#2a6fec
```
#2a6fec rgb(42,111,236)
```
#2a5fec
```
#2a5fec rgb(42,95,236)
```

Similar Colors

Text with hexadecimal color #2a8fec

This text has a font color of #2a8fec.

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

#2a8fec background color

This paragraph has a background color of #2a8fec.

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

#2a8fec border color

This element has a border color of #2a8fec.

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

CSS codes

.text {color:#2a8fec;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#020c15
```
#020c15 rgb(2,12,21)
```
#031627
```
#031627 rgb(3,22,39)
```
#052039
```
#052039 rgb(5,32,57)
```
#072a4b
```
#072a4b rgb(7,42,75)
```
#08345d
```
#08345d rgb(8,52,93)
```
#0a3f6f
```
#0a3f6f rgb(10,63,111)
```
#0c4981
```
#0c4981 rgb(12,73,129)
```
#0d5393
```
#0d5393 rgb(13,83,147)
```
#0f5da5
```
#0f5da5 rgb(15,93,165)
```
#1067b7
```
#1067b7 rgb(16,103,183)
```
#1271c9
```
#1271c9 rgb(18,113,201)
```
#147cdb
```
#147cdb rgb(20,124,219)
```

Shade Color Variation

#1886ea
```
#1886ea rgb(24,134,234)
```
#2a8fec
```
#2a8fec rgb(42,143,236)
```
#3c98ee
```
#3c98ee rgb(60,152,238)
```
#4ea2ef
```
#4ea2ef rgb(78,162,239)
```
#60abf1
```
#60abf1 rgb(96,171,241)
```
#72b5f2
```
#72b5f2 rgb(114,181,242)
```
#84bef4
```
#84bef4 rgb(132,190,244)
```
#96c8f6
```
#96c8f6 rgb(150,200,246)
```
#a8d1f7
```
#a8d1f7 rgb(168,209,247)
```
#badbf9
```
#badbf9 rgb(186,219,249)
```
#cce4fa
```
#cce4fa rgb(204,228,250)
```
#deeefc
```
#deeefc rgb(222,238,252)
```
#f0f7fe
```
#f0f7fe rgb(240,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838b93 is the less saturated color, while #1890fe is the most saturated one.

#838b93
```
#838b93 rgb(131,139,147)
```
#7a8c9c
```
#7a8c9c rgb(122,140,156)
```
#718ca5
```
#718ca5 rgb(113,140,165)
```
#688cae
```
#688cae rgb(104,140,174)
```
#608db6
```
#608db6 rgb(96,141,182)
```
#578dbf
```
#578dbf rgb(87,141,191)
```
#4e8ec8
```
#4e8ec8 rgb(78,142,200)
```
#458ed1
```
#458ed1 rgb(69,142,209)
```
#3c8eda
```
#3c8eda rgb(60,142,218)
```
#338fe3
```
#338fe3 rgb(51,143,227)
```
#2a8fec
```
#2a8fec rgb(42,143,236)
```
#218ff5
```
#218ff5 rgb(33,143,245)
```
#1890fe
```
#1890fe rgb(24,144,254)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#6b7f92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#698fe8 Protanopia 1% of men
#4493ed Deuteranopia 1% of men
#00a0aa Tritanopia 0.001% of the population

Trichromacy

#528fe9 Protanomaly 1% of men, 0.01% of women
#3a91ed Deuteranomaly 6% of men, 0.4% of women
#0f99c2 Tritanomaly 0.01% of the population

#2a8fec hex color

#2a8fec Color Information

#2a8fec Color Conversion

Color Schemes with #2a8fec

Alternatives to #2a8fec

#2a8fec Preview

Shades and Tints of #2a8fec

Tones of #2a8fec

Color Blindness Simulator