#2a8fbe hex color

In a RGB color space, hex #2a8fbe is composed of 16.5% red, 56.1% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 24.7% magenta, 0% yellow and 25.5% black. It has a hue angle of 199.1 degrees, a saturation of 63.8% and a lightness of 45.5%. #2a8fbe color hex could be obtained by blending #54ffff with #001f7d. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 56
- B 75
RGB color chart
- C 78
- M 25
- Y 0
- K 25
CMYK color chart

● #2a8fbe color description : Strong blue.

The hexadecimal color #2a8fbe has RGB values of R:42, G:143, B:190 and CMYK values of C:0.78, M:0.25, Y:0, K:0.25. Its decimal value is 2789310.

Hex triplet	2a8fbe	`#2a8fbe`
RGB Decimal	42, 143, 190	`rgb(42,143,190)`
RGB Percent	16.5, 56.1, 74.5	`rgb(16.5%,56.1%,74.5%)`
CMYK	78, 25, 0, 25
HSL	199.1°, 63.8, 45.5	`hsl(199.1,63.8%,45.5%)`
HSV (or HSB)	199.1°, 77.9, 74.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.94, -12.35, -32.554
XYZ	20.069, 23.853, 52.259
xyY	0.209, 0.248, 23.853
CIE-LCH	55.94, 34.818, 249.225
CIE-LUV	55.94, -34.681, -48.579
Hunter-Lab	48.84, -12.12, -29.253
Binary	00101010, 10001111, 10111110

#2a8fbe
```
#2a8fbe rgb(42,143,190)
```
#be592a
```
#be592a rgb(190,89,42)
```

Complementary Color

#2abea3
```
#2abea3 rgb(42,190,163)
```
#2a8fbe
```
#2a8fbe rgb(42,143,190)
```
#2a45be
```
#2a45be rgb(42,69,190)
```

Analogous Color

#bea32a
```
#bea32a rgb(190,163,42)
```
#2a8fbe
```
#2a8fbe rgb(42,143,190)
```
#be2a45
```
#be2a45 rgb(190,42,69)
```

Split Complementary Color

#8fbe2a
```
#8fbe2a rgb(143,190,42)
```
#2a8fbe
```
#2a8fbe rgb(42,143,190)
```
#be2a8f
```
#be2a8f rgb(190,42,143)
```

Triadic Color

#2abe59
```
#2abe59 rgb(42,190,89)
```
#2a8fbe
```
#2a8fbe rgb(42,143,190)
```
#be2a8f
```
#be2a8f rgb(190,42,143)
```
#be592a
```
#be592a rgb(190,89,42)
```

Tetradic Color

#1c607f
```
#1c607f rgb(28,96,127)
```
#217094
```
#217094 rgb(33,112,148)
```
#257fa9
```
#257fa9 rgb(37,127,169)
```
#2a8fbe
```
#2a8fbe rgb(42,143,190)
```
#309ed1
```
#309ed1 rgb(48,158,209)
```
#45a8d6
```
#45a8d6 rgb(69,168,214)
```
#5ab2db
```
#5ab2db rgb(90,178,219)
```

Monochromatic Color

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

#2ab4be
```
#2ab4be rgb(42,180,190)
```
#2aa8be
```
#2aa8be rgb(42,168,190)
```
#2a9bbe
```
#2a9bbe rgb(42,155,190)
```
#2a8fbe
```
#2a8fbe rgb(42,143,190)
```
#2a83be
```
#2a83be rgb(42,131,190)
```
#2a76be
```
#2a76be rgb(42,118,190)
```
#2a6abe
```
#2a6abe rgb(42,106,190)
```

Similar Colors

Text with hexadecimal color #2a8fbe

This text has a font color of #2a8fbe.

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

#2a8fbe background color

This paragraph has a background color of #2a8fbe.

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

#2a8fbe border color

This element has a border color of #2a8fbe.

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

CSS codes

.text {color:#2a8fbe;}

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

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

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, #030a0d is the darkest color, while #fcfefe is the lightest one.

#030a0d
```
#030a0d rgb(3,10,13)
```
#06161d
```
#06161d rgb(6,22,29)
```
#0a222d
```
#0a222d rgb(10,34,45)
```
#0e2e3d
```
#0e2e3d rgb(14,46,61)
```
#113a4e
```
#113a4e rgb(17,58,78)
```
#15465e
```
#15465e rgb(21,70,94)
```
#18536e
```
#18536e rgb(24,83,110)
```
#1c5f7e
```
#1c5f7e rgb(28,95,126)
```
#1f6b8e
```
#1f6b8e rgb(31,107,142)
```
#23779e
```
#23779e rgb(35,119,158)
```
#2683ae
```
#2683ae rgb(38,131,174)
```
#2a8fbe
```
#2a8fbe rgb(42,143,190)
```
#2e9bce
```
#2e9bce rgb(46,155,206)
```

Shade Color Variation

#3ba3d4
```
#3ba3d4 rgb(59,163,212)
```
#4cabd7
```
#4cabd7 rgb(76,171,215)
```
#5cb2db
```
#5cb2db rgb(92,178,219)
```
#6cbade
```
#6cbade rgb(108,186,222)
```
#7cc2e2
```
#7cc2e2 rgb(124,194,226)
```
#8cc9e6
```
#8cc9e6 rgb(140,201,230)
```
#9cd1e9
```
#9cd1e9 rgb(156,209,233)
```
#acd8ed
```
#acd8ed rgb(172,216,237)
```
#bce0f0
```
#bce0f0 rgb(188,224,240)
```
#cce7f4
```
#cce7f4 rgb(204,231,244)
```
#dceff7
```
#dceff7 rgb(220,239,247)
```
#ecf6fb
```
#ecf6fb rgb(236,246,251)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#717577
```
#717577 rgb(113,117,119)
```
#687880
```
#687880 rgb(104,120,128)
```
#607b88
```
#607b88 rgb(96,123,136)
```
#577f91
```
#577f91 rgb(87,127,145)
```
#4e829a
```
#4e829a rgb(78,130,154)
```
#4585a3
```
#4585a3 rgb(69,133,163)
```
#3c88ac
```
#3c88ac rgb(60,136,172)
```
#338cb5
```
#338cb5 rgb(51,140,181)
```
#2a8fbe
```
#2a8fbe rgb(42,143,190)
```
#2192c7
```
#2192c7 rgb(33,146,199)
```
#1896d0
```
#1896d0 rgb(24,150,208)
```
#0f99d9
```
#0f99d9 rgb(15,153,217)
```
#069ce2
```
#069ce2 rgb(6,156,226)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#677b84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d8aba Protanopia 1% of men
#738bc5 Deuteranopia 1% of men
#0099a5 Tritanopia 0.001% of the population

Trichromacy

#5f8cbb Protanomaly 1% of men, 0.01% of women
#588cc2 Deuteranomaly 6% of men, 0.4% of women
#0f95ae Tritanomaly 0.01% of the population

#2a8fbe hex color

#2a8fbe Color Information

#2a8fbe Color Conversion

Color Schemes with #2a8fbe

Alternatives to #2a8fbe

#2a8fbe Preview

Shades and Tints of #2a8fbe

Tones of #2a8fbe

Color Blindness Simulator