#2a96ed hex color

In a RGB color space, hex #2a96ed is composed of 16.5% red, 58.8% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 82.3% cyan, 36.7% magenta, 0% yellow and 7.1% black. It has a hue angle of 206.8 degrees, a saturation of 84.4% and a lightness of 54.7%. #2a96ed color hex could be obtained by blending #54ffff with #002ddb. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 16
- G 59
- B 93
RGB color chart
- C 82
- M 37
- Y 0
- K 7
CMYK color chart

● #2a96ed color description : Bright blue.

The hexadecimal color #2a96ed has RGB values of R:42, G:150, B:237 and CMYK values of C:0.82, M:0.37, Y:0, K:0.07. Its decimal value is 2791149.

Hex triplet	2a96ed	`#2a96ed`
RGB Decimal	42, 150, 237	`rgb(42,150,237)`
RGB Percent	16.5, 58.8, 92.9	`rgb(16.5%,58.8%,92.9%)`
CMYK	82, 37, 0, 7
HSL	206.8°, 84.4, 54.7	`hsl(206.8,84.4%,54.7%)`
HSV (or HSB)	206.8°, 82.3, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	60.264, 0.543, -52.065
XYZ	27.144, 28.417, 84.171
xyY	0.194, 0.203, 28.417
CIE-LCH	60.264, 52.068, 270.598
CIE-LUV	60.264, -34.496, -83.07
Hunter-Lab	53.308, -2.398, -56.301
Binary	00101010, 10010110, 11101101

#2a96ed
```
#2a96ed rgb(42,150,237)
```
#ed812a
```
#ed812a rgb(237,129,42)
```

Complementary Color

#2aede3
```
#2aede3 rgb(42,237,227)
```
#2a96ed
```
#2a96ed rgb(42,150,237)
```
#2a35ed
```
#2a35ed rgb(42,53,237)
```

Analogous Color

#ede32a
```
#ede32a rgb(237,227,42)
```
#2a96ed
```
#2a96ed rgb(42,150,237)
```
#ed2a35
```
#ed2a35 rgb(237,42,53)
```

Split Complementary Color

#96ed2a
```
#96ed2a rgb(150,237,42)
```
#2a96ed
```
#2a96ed rgb(42,150,237)
```
#ed2a96
```
#ed2a96 rgb(237,42,150)
```

Triadic Color

#2aed81
```
#2aed81 rgb(42,237,129)
```
#2a96ed
```
#2a96ed rgb(42,150,237)
```
#ed2a96
```
#ed2a96 rgb(237,42,150)
```
#ed812a
```
#ed812a rgb(237,129,42)
```

Tetradic Color

#106ebb
```
#106ebb rgb(16,110,187)
```
#127cd2
```
#127cd2 rgb(18,124,210)
```
#148aea
```
#148aea rgb(20,138,234)
```
#2a96ed
```
#2a96ed rgb(42,150,237)
```
#42a2ef
```
#42a2ef rgb(66,162,239)
```
#59adf1
```
#59adf1 rgb(89,173,241)
```
#71b9f3
```
#71b9f3 rgb(113,185,243)
```

Monochromatic Color

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

#2ac7ed
```
#2ac7ed rgb(42,199,237)
```
#2ab7ed
```
#2ab7ed rgb(42,183,237)
```
#2aa6ed
```
#2aa6ed rgb(42,166,237)
```
#2a96ed
```
#2a96ed rgb(42,150,237)
```
#2a86ed
```
#2a86ed rgb(42,134,237)
```
#2a76ed
```
#2a76ed rgb(42,118,237)
```
#2a65ed
```
#2a65ed rgb(42,101,237)
```

Similar Colors

Text with hexadecimal color #2a96ed

This text has a font color of #2a96ed.

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

#2a96ed background color

This paragraph has a background color of #2a96ed.

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

#2a96ed border color

This element has a border color of #2a96ed.

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

CSS codes

.text {color:#2a96ed;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#020d16
```
#020d16 rgb(2,13,22)
```
#031828
```
#031828 rgb(3,24,40)
```
#05223a
```
#05223a rgb(5,34,58)
```
#062d4c
```
#062d4c rgb(6,45,76)
```
#08385e
```
#08385e rgb(8,56,94)
```
#0a4371
```
#0a4371 rgb(10,67,113)
```
#0b4d83
```
#0b4d83 rgb(11,77,131)
```
#0d5895
```
#0d5895 rgb(13,88,149)
```
#0e63a7
```
#0e63a7 rgb(14,99,167)
```
#106db9
```
#106db9 rgb(16,109,185)
```
#1178cb
```
#1178cb rgb(17,120,203)
```
#1383dd
```
#1383dd rgb(19,131,221)
```

Shade Color Variation

#188deb
```
#188deb rgb(24,141,235)
```
#2a96ed
```
#2a96ed rgb(42,150,237)
```
#3c9fef
```
#3c9fef rgb(60,159,239)
```
#4ea8f0
```
#4ea8f0 rgb(78,168,240)
```
#60b1f2
```
#60b1f2 rgb(96,177,242)
```
#72baf3
```
#72baf3 rgb(114,186,243)
```
#84c3f5
```
#84c3f5 rgb(132,195,245)
```
#97cbf6
```
#97cbf6 rgb(151,203,246)
```
#a9d4f8
```
#a9d4f8 rgb(169,212,248)
```
#bbddf9
```
#bbddf9 rgb(187,221,249)
```
#cde6fb
```
#cde6fb rgb(205,230,251)
```
#dfeffc
```
#dfeffc rgb(223,239,252)
```
#f1f8fe
```
#f1f8fe rgb(241,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838c94 is the less saturated color, while #1898ff is the most saturated one.

#838c94
```
#838c94 rgb(131,140,148)
```
#7a8d9d
```
#7a8d9d rgb(122,141,157)
```
#718ea6
```
#718ea6 rgb(113,142,166)
```
#688faf
```
#688faf rgb(104,143,175)
```
#5f90b8
```
#5f90b8 rgb(95,144,184)
```
#5691c1
```
#5691c1 rgb(86,145,193)
```
#4e92c9
```
#4e92c9 rgb(78,146,201)
```
#4593d2
```
#4593d2 rgb(69,147,210)
```
#3c94db
```
#3c94db rgb(60,148,219)
```
#3395e4
```
#3395e4 rgb(51,149,228)
```
#2a96ed
```
#2a96ed rgb(42,150,237)
```
#2197f6
```
#2197f6 rgb(33,151,246)
```
#1898ff
```
#1898ff rgb(24,152,255)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#6f8496 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7394e8 Protanopia 1% of men
#5598ef Deuteranopia 1% of men
#00a5b0 Tritanopia 0.001% of the population

Trichromacy

#5894e9 Protanomaly 1% of men, 0.01% of women
#4597ee Deuteranomaly 6% of men, 0.4% of women
#0fa0c6 Tritanomaly 0.01% of the population

#2a96ed hex color

#2a96ed Color Information

#2a96ed Color Conversion

Color Schemes with #2a96ed

Alternatives to #2a96ed

#2a96ed Preview

Shades and Tints of #2a96ed

Tones of #2a96ed

Color Blindness Simulator