#2a81bf hex color

In a RGB color space, hex #2a81bf is composed of 16.5% red, 50.6% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 32.5% magenta, 0% yellow and 25.1% black. It has a hue angle of 205 degrees, a saturation of 63.9% and a lightness of 45.7%. #2a81bf color hex could be obtained by blending #54ffff with #00037f. Closest websafe color is: #3399cc.

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

● #2a81bf color description : Strong blue.

The hexadecimal color #2a81bf has RGB values of R:42, G:129, B:191 and CMYK values of C:0.78, M:0.32, Y:0, K:0.25. Its decimal value is 2785727.

Hex triplet	2a81bf	`#2a81bf`
RGB Decimal	42, 129, 191	`rgb(42,129,191)`
RGB Percent	16.5, 50.6, 74.9	`rgb(16.5%,50.6%,74.9%)`
CMYK	78, 32, 0, 25
HSL	205°, 63.9, 45.7	`hsl(205,63.9%,45.7%)`
HSV (or HSB)	205°, 78, 74.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	51.784, -3.944, -39.641
XYZ	18.207, 19.953, 52.179
xyY	0.202, 0.221, 19.953
CIE-LCH	51.784, 39.837, 264.318
CIE-LUV	51.784, -29.76, -60.26
Hunter-Lab	44.669, -5.414, -37.991
Binary	00101010, 10000001, 10111111

#2a81bf
```
#2a81bf rgb(42,129,191)
```
#bf682a
```
#bf682a rgb(191,104,42)
```

Complementary Color

#2abfb3
```
#2abfb3 rgb(42,191,179)
```
#2a81bf
```
#2a81bf rgb(42,129,191)
```
#2a36bf
```
#2a36bf rgb(42,54,191)
```

Analogous Color

#bfb32a
```
#bfb32a rgb(191,179,42)
```
#2a81bf
```
#2a81bf rgb(42,129,191)
```
#bf2a36
```
#bf2a36 rgb(191,42,54)
```

Split Complementary Color

#81bf2a
```
#81bf2a rgb(129,191,42)
```
#2a81bf
```
#2a81bf rgb(42,129,191)
```
#bf2a81
```
#bf2a81 rgb(191,42,129)
```

Triadic Color

#2abf68
```
#2abf68 rgb(42,191,104)
```
#2a81bf
```
#2a81bf rgb(42,129,191)
```
#bf2a81
```
#bf2a81 rgb(191,42,129)
```
#bf682a
```
#bf682a rgb(191,104,42)
```

Tetradic Color

#1c5780
```
#1c5780 rgb(28,87,128)
```
#216595
```
#216595 rgb(33,101,149)
```
#2573aa
```
#2573aa rgb(37,115,170)
```
#2a81bf
```
#2a81bf rgb(42,129,191)
```
#318fd2
```
#318fd2 rgb(49,143,210)
```
#469ad6
```
#469ad6 rgb(70,154,214)
```
#5ba6db
```
#5ba6db rgb(91,166,219)
```

Monochromatic Color

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

#2aa6bf
```
#2aa6bf rgb(42,166,191)
```
#2a9abf
```
#2a9abf rgb(42,154,191)
```
#2a8dbf
```
#2a8dbf rgb(42,141,191)
```
#2a81bf
```
#2a81bf rgb(42,129,191)
```
#2a75bf
```
#2a75bf rgb(42,117,191)
```
#2a68bf
```
#2a68bf rgb(42,104,191)
```
#2a5cbf
```
#2a5cbf rgb(42,92,191)
```

Similar Colors

Text with hexadecimal color #2a81bf

This text has a font color of #2a81bf.

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

#2a81bf background color

This paragraph has a background color of #2a81bf.

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

#2a81bf border color

This element has a border color of #2a81bf.

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

CSS codes

.text {color:#2a81bf;}

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

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

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

#030a0e
```
#030a0e rgb(3,10,14)
```
#07141e
```
#07141e rgb(7,20,30)
```
#0a1f2e
```
#0a1f2e rgb(10,31,46)
```
#0e2a3e
```
#0e2a3e rgb(14,42,62)
```
#11354e
```
#11354e rgb(17,53,78)
```
#15405f
```
#15405f rgb(21,64,95)
```
#184b6f
```
#184b6f rgb(24,75,111)
```
#1c567f
```
#1c567f rgb(28,86,127)
```
#1f608f
```
#1f608f rgb(31,96,143)
```
#236b9f
```
#236b9f rgb(35,107,159)
```
#2676af
```
#2676af rgb(38,118,175)
```
#2a81bf
```
#2a81bf rgb(42,129,191)
```
#2e8ccf
```
#2e8ccf rgb(46,140,207)
```

Shade Color Variation

#3c95d4
```
#3c95d4 rgb(60,149,212)
```
#4c9ed8
```
#4c9ed8 rgb(76,158,216)
```
#5ca6db
```
#5ca6db rgb(92,166,219)
```
#6cafdf
```
#6cafdf rgb(108,175,223)
```
#7cb8e2
```
#7cb8e2 rgb(124,184,226)
```
#8cc1e6
```
#8cc1e6 rgb(140,193,230)
```
#9dc9e9
```
#9dc9e9 rgb(157,201,233)
```
#add2ed
```
#add2ed rgb(173,210,237)
```
#bddbf0
```
#bddbf0 rgb(189,219,240)
```
#cde4f4
```
#cde4f4 rgb(205,228,244)
```
#ddecf7
```
#ddecf7 rgb(221,236,247)
```
#edf5fb
```
#edf5fb rgb(237,245,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#727577
```
#727577 rgb(114,117,119)
```
#697680
```
#697680 rgb(105,118,128)
```
#607889
```
#607889 rgb(96,120,137)
```
#577992
```
#577992 rgb(87,121,146)
```
#4e7b9b
```
#4e7b9b rgb(78,123,155)
```
#457ca4
```
#457ca4 rgb(69,124,164)
```
#3c7ead
```
#3c7ead rgb(60,126,173)
```
#337fb6
```
#337fb6 rgb(51,127,182)
```
#2a81bf
```
#2a81bf rgb(42,129,191)
```
#2183c8
```
#2183c8 rgb(33,131,200)
```
#1884d1
```
#1884d1 rgb(24,132,209)
```
#0f86da
```
#0f86da rgb(15,134,218)
```
#0687e3
```
#0687e3 rgb(6,135,227)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#60727e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b80bc Protanopia 1% of men
#5a82c4 Deuteranopia 1% of men
#008e98 Tritanopia 0.001% of the population

Trichromacy

#5380bd Protanomaly 1% of men, 0.01% of women
#4981c2 Deuteranomaly 6% of men, 0.4% of women
#0f89a6 Tritanomaly 0.01% of the population

#2a81bf hex color

#2a81bf Color Information

#2a81bf Color Conversion

Color Schemes with #2a81bf

Alternatives to #2a81bf

#2a81bf Preview

Shades and Tints of #2a81bf

Tones of #2a81bf

Color Blindness Simulator