#2a95be hex color

In a RGB color space, hex #2a95be is composed of 16.5% red, 58.4% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 21.6% magenta, 0% yellow and 25.5% black. It has a hue angle of 196.6 degrees, a saturation of 63.8% and a lightness of 45.5%. #2a95be color hex could be obtained by blending #54ffff with #002b7d. 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

● #2a95be color description : Strong blue.

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

Hex triplet	2a95be	`#2a95be`
RGB Decimal	42, 149, 190	`rgb(42,149,190)`
RGB Percent	16.5, 58.4, 74.5	`rgb(16.5%,58.4%,74.5%)`
CMYK	78, 22, 0, 25
HSL	196.6°, 63.8, 45.5	`hsl(196.6,63.8%,45.5%)`
HSV (or HSB)	196.6°, 77.9, 74.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.754, -15.662, -29.735
XYZ	20.994, 25.703, 52.567
xyY	0.211, 0.259, 25.703
CIE-LCH	57.754, 33.608, 242.223
CIE-LUV	57.754, -36.796, -43.815
Hunter-Lab	50.698, -14.805, -25.987
Binary	00101010, 10010101, 10111110

#2a95be
```
#2a95be rgb(42,149,190)
```
#be532a
```
#be532a rgb(190,83,42)
```

Complementary Color

#2abe9d
```
#2abe9d rgb(42,190,157)
```
#2a95be
```
#2a95be rgb(42,149,190)
```
#2a4bbe
```
#2a4bbe rgb(42,75,190)
```

Analogous Color

#be9d2a
```
#be9d2a rgb(190,157,42)
```
#2a95be
```
#2a95be rgb(42,149,190)
```
#be2a4b
```
#be2a4b rgb(190,42,75)
```

Split Complementary Color

#95be2a
```
#95be2a rgb(149,190,42)
```
#2a95be
```
#2a95be rgb(42,149,190)
```
#be2a95
```
#be2a95 rgb(190,42,149)
```

Triadic Color

#2abe53
```
#2abe53 rgb(42,190,83)
```
#2a95be
```
#2a95be rgb(42,149,190)
```
#be2a95
```
#be2a95 rgb(190,42,149)
```
#be532a
```
#be532a rgb(190,83,42)
```

Tetradic Color

#1c647f
```
#1c647f rgb(28,100,127)
```
#217494
```
#217494 rgb(33,116,148)
```
#2585a9
```
#2585a9 rgb(37,133,169)
```
#2a95be
```
#2a95be rgb(42,149,190)
```
#30a5d1
```
#30a5d1 rgb(48,165,209)
```
#45aed6
```
#45aed6 rgb(69,174,214)
```
#5ab7db
```
#5ab7db rgb(90,183,219)
```

Monochromatic Color

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

#2ababe
```
#2ababe rgb(42,186,190)
```
#2aaebe
```
#2aaebe rgb(42,174,190)
```
#2aa1be
```
#2aa1be rgb(42,161,190)
```
#2a95be
```
#2a95be rgb(42,149,190)
```
#2a89be
```
#2a89be rgb(42,137,190)
```
#2a7cbe
```
#2a7cbe rgb(42,124,190)
```
#2a70be
```
#2a70be rgb(42,112,190)
```

Similar Colors

Text with hexadecimal color #2a95be

This text has a font color of #2a95be.

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

#2a95be background color

This paragraph has a background color of #2a95be.

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

#2a95be border color

This element has a border color of #2a95be.

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

CSS codes

.text {color:#2a95be;}

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

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

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)
```
#06171d
```
#06171d rgb(6,23,29)
```
#0a242d
```
#0a242d rgb(10,36,45)
```
#0e303d
```
#0e303d rgb(14,48,61)
```
#113d4e
```
#113d4e rgb(17,61,78)
```
#15495e
```
#15495e rgb(21,73,94)
```
#18566e
```
#18566e rgb(24,86,110)
```
#1c637e
```
#1c637e rgb(28,99,126)
```
#1f6f8e
```
#1f6f8e rgb(31,111,142)
```
#237c9e
```
#237c9e rgb(35,124,158)
```
#2688ae
```
#2688ae rgb(38,136,174)
```
#2a95be
```
#2a95be rgb(42,149,190)
```
#2ea2ce
```
#2ea2ce rgb(46,162,206)
```

Shade Color Variation

#3baad4
```
#3baad4 rgb(59,170,212)
```
#4cb1d7
```
#4cb1d7 rgb(76,177,215)
```
#5cb8db
```
#5cb8db rgb(92,184,219)
```
#6cbfde
```
#6cbfde rgb(108,191,222)
```
#7cc6e2
```
#7cc6e2 rgb(124,198,226)
```
#8ccde6
```
#8ccde6 rgb(140,205,230)
```
#9cd4e9
```
#9cd4e9 rgb(156,212,233)
```
#acdbed
```
#acdbed rgb(172,219,237)
```
#bce2f0
```
#bce2f0 rgb(188,226,240)
```
#cce9f4
```
#cce9f4 rgb(204,233,244)
```
#dcf0f7
```
#dcf0f7 rgb(220,240,247)
```
#ecf7fb
```
#ecf7fb rgb(236,247,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 #06a5e2 is the most saturated one.

#717577
```
#717577 rgb(113,117,119)
```
#687980
```
#687980 rgb(104,121,128)
```
#607d88
```
#607d88 rgb(96,125,136)
```
#578191
```
#578191 rgb(87,129,145)
```
#4e859a
```
#4e859a rgb(78,133,154)
```
#4589a3
```
#4589a3 rgb(69,137,163)
```
#3c8dac
```
#3c8dac rgb(60,141,172)
```
#3391b5
```
#3391b5 rgb(51,145,181)
```
#2a95be
```
#2a95be rgb(42,149,190)
```
#2199c7
```
#2199c7 rgb(33,153,199)
```
#189dd0
```
#189dd0 rgb(24,157,208)
```
#0fa1d9
```
#0fa1d9 rgb(15,161,217)
```
#06a5e2
```
#06a5e2 rgb(6,165,226)
```

Tone Color Variation

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

#848fb9 Protanopia 1% of men
#7c8fc5 Deuteranopia 1% of men
#009eaa Tritanopia 0.001% of the population

Trichromacy

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

#2a95be hex color

#2a95be Color Information

#2a95be Color Conversion

Color Schemes with #2a95be

Alternatives to #2a95be

#2a95be Preview

Shades and Tints of #2a95be

Tones of #2a95be

Color Blindness Simulator