colorhexa.com

#2a8fb1 hex color

In a RGB color space, hex #2a8fb1 is composed of 16.5% red, 56.1% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 19.2% magenta, 0% yellow and 30.6% black. It has a hue angle of 195.1 degrees, a saturation of 61.6% and a lightness of 42.9%. #2a8fb1 color hex could be obtained by blending #54ffff with #001f63. Closest websafe color is: #339999.

- R 16
- G 56
- B 69
RGB color chart
- C 76
- M 19
- Y 0
- K 31
CMYK color chart

● #2a8fb1 color description : Dark blue.

The hexadecimal color #2a8fb1 has RGB values of R:42, G:143, B:177 and CMYK values of C:0.76, M:0.19, Y:0, K:0.31. Its decimal value is 2789297.

Hex triplet	2a8fb1	`#2a8fb1`
RGB Decimal	42, 143, 177	`rgb(42,143,177)`
RGB Percent	16.5, 56.1, 69.4	`rgb(16.5%,56.1%,69.4%)`
CMYK	76, 19, 0, 31
HSL	195.1°, 61.6, 42.9	`hsl(195.1,61.6%,42.9%)`
HSV (or HSB)	195.1°, 76.3, 69.4
Web Safe	339999	`#339999`

CIE-LAB	55.39, -16.852, -26.005
XYZ	18.711, 23.31, 45.106
xyY	0.215, 0.268, 23.31
CIE-LCH	55.39, 30.988, 237.056
CIE-LUV	55.39, -35.459, -37.315
Hunter-Lab	48.28, -15.313, -21.595
Binary	00101010, 10001111, 10110001

#2a8fb1
```
#2a8fb1 rgb(42,143,177)
```
#b14c2a
```
#b14c2a rgb(177,76,42)
```

Complementary Color

#2ab190
```
#2ab190 rgb(42,177,144)
```
#2a8fb1
```
#2a8fb1 rgb(42,143,177)
```
#2a4cb1
```
#2a4cb1 rgb(42,76,177)
```

Analogous Color

#b1902a
```
#b1902a rgb(177,144,42)
```
#2a8fb1
```
#2a8fb1 rgb(42,143,177)
```
#b12a4c
```
#b12a4c rgb(177,42,76)
```

Split Complementary Color

#8fb12a
```
#8fb12a rgb(143,177,42)
```
#2a8fb1
```
#2a8fb1 rgb(42,143,177)
```
#b12a8f
```
#b12a8f rgb(177,42,143)
```

Triadic Color

#2ab14c
```
#2ab14c rgb(42,177,76)
```
#2a8fb1
```
#2a8fb1 rgb(42,143,177)
```
#b12a8f
```
#b12a8f rgb(177,42,143)
```
#b14c2a
```
#b14c2a rgb(177,76,42)
```

Tetradic Color

#1b5d73
```
#1b5d73 rgb(27,93,115)
```
#206e88
```
#206e88 rgb(32,110,136)
```
#257e9c
```
#257e9c rgb(37,126,156)
```
#2a8fb1
```
#2a8fb1 rgb(42,143,177)
```
#2fa0c6
```
#2fa0c6 rgb(47,160,198)
```
#3dacd1
```
#3dacd1 rgb(61,172,209)
```
#52b5d6
```
#52b5d6 rgb(82,181,214)
```

Monochromatic Color

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

#2ab1b1
```
#2ab1b1 rgb(42,177,177)
```
#2aa6b1
```
#2aa6b1 rgb(42,166,177)
```
#2a9ab1
```
#2a9ab1 rgb(42,154,177)
```
#2a8fb1
```
#2a8fb1 rgb(42,143,177)
```
#2a84b1
```
#2a84b1 rgb(42,132,177)
```
#2a79b1
```
#2a79b1 rgb(42,121,177)
```
#2a6db1
```
#2a6db1 rgb(42,109,177)
```

Similar Colors

Text with hexadecimal color #2a8fb1

This text has a font color of #2a8fb1.

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

#2a8fb1 background color

This paragraph has a background color of #2a8fb1.

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

#2a8fb1 border color

This element has a border color of #2a8fb1.

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

CSS codes

.text {color:#2a8fb1;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#040f12
```
#040f12 rgb(4,15,18)
```
#081c22
```
#081c22 rgb(8,28,34)
```
#0c2932
```
#0c2932 rgb(12,41,50)
```
#103542
```
#103542 rgb(16,53,66)
```
#134252
```
#134252 rgb(19,66,82)
```
#174f62
```
#174f62 rgb(23,79,98)
```
#1b5c72
```
#1b5c72 rgb(27,92,114)
```
#1f6981
```
#1f6981 rgb(31,105,129)
```
#227591
```
#227591 rgb(34,117,145)
```
#2682a1
```
#2682a1 rgb(38,130,161)
```
#2a8fb1
```
#2a8fb1 rgb(42,143,177)
```
#2e9cc1
```
#2e9cc1 rgb(46,156,193)
```

Shade Color Variation

#34a8cf
```
#34a8cf rgb(52,168,207)
```
#43aed2
```
#43aed2 rgb(67,174,210)
```
#53b5d6
```
#53b5d6 rgb(83,181,214)
```
#63bcda
```
#63bcda rgb(99,188,218)
```
#73c3de
```
#73c3de rgb(115,195,222)
```
#83cae2
```
#83cae2 rgb(131,202,226)
```
#93d0e5
```
#93d0e5 rgb(147,208,229)
```
#a2d7e9
```
#a2d7e9 rgb(162,215,233)
```
#b2deed
```
#b2deed rgb(178,222,237)
```
#c2e5f1
```
#c2e5f1 rgb(194,229,241)
```
#d2ecf4
```
#d2ecf4 rgb(210,236,244)
```
#e2f3f8
```
#e2f3f8 rgb(226,243,248)
```
#f2f9fc
```
#f2f9fc rgb(242,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d6e6e is the less saturated color, while #08a0d3 is the most saturated one.

#6d6e6e
```
#6d6e6e rgb(109,110,110)
```
#657276
```
#657276 rgb(101,114,118)
```
#5d767e
```
#5d767e rgb(93,118,126)
```
#547a87
```
#547a87 rgb(84,122,135)
```
#4c7e8f
```
#4c7e8f rgb(76,126,143)
```
#438298
```
#438298 rgb(67,130,152)
```
#3b87a0
```
#3b87a0 rgb(59,135,160)
```
#328ba9
```
#328ba9 rgb(50,139,169)
```
#2a8fb1
```
#2a8fb1 rgb(42,143,177)
```
#2293b9
```
#2293b9 rgb(34,147,185)
```
#1997c2
```
#1997c2 rgb(25,151,194)
```
#119cca
```
#119cca rgb(17,156,202)
```
#08a0d3
```
#08a0d3 rgb(8,160,211)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#667a81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8189ad Protanopia 1% of men
#7b89b9 Deuteranopia 1% of men
#1e98a3 Tritanopia 0.001% of the population

Trichromacy

#618bae Protanomaly 1% of men, 0.01% of women
#5d8bb6 Deuteranomaly 6% of men, 0.4% of women
#2294a8 Tritanomaly 0.01% of the population