#2a95bf hex color

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

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

● #2a95bf color description : Strong blue.

The hexadecimal color #2a95bf has RGB values of R:42, G:149, B:191 and CMYK values of C:0.78, M:0.22, Y:0, K:0.25. Its decimal value is 2790847.

Hex triplet	2a95bf	`#2a95bf`
RGB Decimal	42, 149, 191	`rgb(42,149,191)`
RGB Percent	16.5, 58.4, 74.9	`rgb(16.5%,58.4%,74.9%)`
CMYK	78, 22, 0, 25
HSL	196.9°, 63.9, 45.7	`hsl(196.9,63.9%,45.7%)`
HSV (or HSB)	196.9°, 78, 74.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.796, -15.317, -30.235
XYZ	21.104, 25.747, 53.145
xyY	0.211, 0.257, 25.747
CIE-LCH	57.796, 33.894, 243.133
CIE-LUV	57.796, -36.734, -44.682
Hunter-Lab	50.741, -14.557, -26.579
Binary	00101010, 10010101, 10111111

#2a95bf
```
#2a95bf rgb(42,149,191)
```
#bf542a
```
#bf542a rgb(191,84,42)
```

Complementary Color

#2abf9f
```
#2abf9f rgb(42,191,159)
```
#2a95bf
```
#2a95bf rgb(42,149,191)
```
#2a4bbf
```
#2a4bbf rgb(42,75,191)
```

Analogous Color

#bf9f2a
```
#bf9f2a rgb(191,159,42)
```
#2a95bf
```
#2a95bf rgb(42,149,191)
```
#bf2a4a
```
#bf2a4a rgb(191,42,74)
```

Split Complementary Color

#95bf2a
```
#95bf2a rgb(149,191,42)
```
#2a95bf
```
#2a95bf rgb(42,149,191)
```
#bf2a95
```
#bf2a95 rgb(191,42,149)
```

Triadic Color

#2abf54
```
#2abf54 rgb(42,191,84)
```
#2a95bf
```
#2a95bf rgb(42,149,191)
```
#bf2a95
```
#bf2a95 rgb(191,42,149)
```
#bf542a
```
#bf542a rgb(191,84,42)
```

Tetradic Color

#1c6480
```
#1c6480 rgb(28,100,128)
```
#217495
```
#217495 rgb(33,116,149)
```
#2585aa
```
#2585aa rgb(37,133,170)
```
#2a95bf
```
#2a95bf rgb(42,149,191)
```
#31a4d2
```
#31a4d2 rgb(49,164,210)
```
#46aed6
```
#46aed6 rgb(70,174,214)
```
#5bb7db
```
#5bb7db rgb(91,183,219)
```

Monochromatic Color

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

#2ababf
```
#2ababf rgb(42,186,191)
```
#2aaebf
```
#2aaebf rgb(42,174,191)
```
#2aa1bf
```
#2aa1bf rgb(42,161,191)
```
#2a95bf
```
#2a95bf rgb(42,149,191)
```
#2a89bf
```
#2a89bf rgb(42,137,191)
```
#2a7cbf
```
#2a7cbf rgb(42,124,191)
```
#2a70bf
```
#2a70bf rgb(42,112,191)
```

Similar Colors

Text with hexadecimal color #2a95bf

This text has a font color of #2a95bf.

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

#2a95bf background color

This paragraph has a background color of #2a95bf.

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

#2a95bf border color

This element has a border color of #2a95bf.

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

CSS codes

.text {color:#2a95bf;}

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

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

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

#030b0e
```
#030b0e rgb(3,11,14)
```
#07181e
```
#07181e rgb(7,24,30)
```
#0a242e
```
#0a242e rgb(10,36,46)
```
#0e313e
```
#0e313e rgb(14,49,62)
```
#113d4e
```
#113d4e rgb(17,61,78)
```
#154a5f
```
#154a5f rgb(21,74,95)
```
#18566f
```
#18566f rgb(24,86,111)
```
#1c637f
```
#1c637f rgb(28,99,127)
```
#1f6f8f
```
#1f6f8f rgb(31,111,143)
```
#237c9f
```
#237c9f rgb(35,124,159)
```
#2688af
```
#2688af rgb(38,136,175)
```
#2a95bf
```
#2a95bf rgb(42,149,191)
```
#2ea2cf
```
#2ea2cf rgb(46,162,207)
```

Shade Color Variation

#3ca9d4
```
#3ca9d4 rgb(60,169,212)
```
#4cb0d8
```
#4cb0d8 rgb(76,176,216)
```
#5cb7db
```
#5cb7db rgb(92,183,219)
```
#6cbedf
```
#6cbedf rgb(108,190,223)
```
#7cc6e2
```
#7cc6e2 rgb(124,198,226)
```
#8ccde6
```
#8ccde6 rgb(140,205,230)
```
#9dd4e9
```
#9dd4e9 rgb(157,212,233)
```
#addbed
```
#addbed rgb(173,219,237)
```
#bde2f0
```
#bde2f0 rgb(189,226,240)
```
#cde9f4
```
#cde9f4 rgb(205,233,244)
```
#ddf0f7
```
#ddf0f7 rgb(221,240,247)
```
#edf7fb
```
#edf7fb rgb(237,247,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#727677
```
#727677 rgb(114,118,119)
```
#697a80
```
#697a80 rgb(105,122,128)
```
#607e89
```
#607e89 rgb(96,126,137)
```
#578192
```
#578192 rgb(87,129,146)
```
#4e859b
```
#4e859b rgb(78,133,155)
```
#4589a4
```
#4589a4 rgb(69,137,164)
```
#3c8dad
```
#3c8dad rgb(60,141,173)
```
#3391b6
```
#3391b6 rgb(51,145,182)
```
#2a95bf
```
#2a95bf rgb(42,149,191)
```
#2199c8
```
#2199c8 rgb(33,153,200)
```
#189dd1
```
#189dd1 rgb(24,157,209)
```
#0fa1da
```
#0fa1da rgb(15,161,218)
```
#06a5e3
```
#06a5e3 rgb(6,165,227)
```

Tone Color Variation

Below, you can see how #2a95bf 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
#6a7f88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#848fba Protanopia 1% of men
#7b8fc6 Deuteranopia 1% of men
#009eaa Tritanopia 0.001% of the population

Trichromacy

#6391bc Protanomaly 1% of men, 0.01% of women
#5e91c3 Deuteranomaly 6% of men, 0.4% of women
#0f9bb1 Tritanomaly 0.01% of the population

#2a95bf hex color

#2a95bf Color Information

#2a95bf Color Conversion

Color Schemes with #2a95bf

Alternatives to #2a95bf

#2a95bf Preview

Shades and Tints of #2a95bf

Tones of #2a95bf

Color Blindness Simulator