#2a96dd hex color

In a RGB color space, hex #2a96dd is composed of 16.5% red, 58.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 32.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 203.8 degrees, a saturation of 72.5% and a lightness of 51.6%. #2a96dd color hex could be obtained by blending #54ffff with #002dbb. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 59
- B 87
RGB color chart
- C 81
- M 32
- Y 0
- K 13
CMYK color chart

● #2a96dd color description : Bright blue.

The hexadecimal color #2a96dd has RGB values of R:42, G:150, B:221 and CMYK values of C:0.81, M:0.32, Y:0, K:0.13. Its decimal value is 2791133.

Hex triplet	2a96dd	`#2a96dd`
RGB Decimal	42, 150, 221	`rgb(42,150,221)`
RGB Percent	16.5, 58.8, 86.7	`rgb(16.5%,58.8%,86.7%)`
CMYK	81, 32, 0, 13
HSL	203.8°, 72.5, 51.6	`hsl(203.8,72.5%,51.6%)`
HSV (or HSB)	203.8°, 81, 86.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	59.456, -5.269, -44.471
XYZ	24.909, 27.523, 72.402
xyY	0.2, 0.22, 27.523
CIE-LCH	59.456, 44.782, 263.243
CIE-LUV	59.456, -35.334, -69.667
Hunter-Lab	52.463, -7.058, -45.101
Binary	00101010, 10010110, 11011101

#2a96dd
```
#2a96dd rgb(42,150,221)
```
#dd712a
```
#dd712a rgb(221,113,42)
```

Complementary Color

#2addcb
```
#2addcb rgb(42,221,203)
```
#2a96dd
```
#2a96dd rgb(42,150,221)
```
#2a3ddd
```
#2a3ddd rgb(42,61,221)
```

Analogous Color

#ddcb2a
```
#ddcb2a rgb(221,203,42)
```
#2a96dd
```
#2a96dd rgb(42,150,221)
```
#dd2a3d
```
#dd2a3d rgb(221,42,61)
```

Split Complementary Color

#96dd2a
```
#96dd2a rgb(150,221,42)
```
#2a96dd
```
#2a96dd rgb(42,150,221)
```
#dd2a96
```
#dd2a96 rgb(221,42,150)
```

Triadic Color

#2add71
```
#2add71 rgb(42,221,113)
```
#2a96dd
```
#2a96dd rgb(42,150,221)
```
#dd2a96
```
#dd2a96 rgb(221,42,150)
```
#dd712a
```
#dd712a rgb(221,113,42)
```

Tetradic Color

#1a6ba1
```
#1a6ba1 rgb(26,107,161)
```
#1d7ab7
```
#1d7ab7 rgb(29,122,183)
```
#2189cd
```
#2189cd rgb(33,137,205)
```
#2a96dd
```
#2a96dd rgb(42,150,221)
```
#40a1e1
```
#40a1e1 rgb(64,161,225)
```
#56ace4
```
#56ace4 rgb(86,172,228)
```
#6cb7e8
```
#6cb7e8 rgb(108,183,232)
```

Monochromatic Color

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

#2ac3dd
```
#2ac3dd rgb(42,195,221)
```
#2ab4dd
```
#2ab4dd rgb(42,180,221)
```
#2aa5dd
```
#2aa5dd rgb(42,165,221)
```
#2a96dd
```
#2a96dd rgb(42,150,221)
```
#2a87dd
```
#2a87dd rgb(42,135,221)
```
#2a78dd
```
#2a78dd rgb(42,120,221)
```
#2a69dd
```
#2a69dd rgb(42,105,221)
```

Similar Colors

Text with hexadecimal color #2a96dd

This text has a font color of #2a96dd.

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

#2a96dd background color

This paragraph has a background color of #2a96dd.

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

#2a96dd border color

This element has a border color of #2a96dd.

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

CSS codes

.text {color:#2a96dd;}

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

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

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

#010507
```
#010507 rgb(1,5,7)
```
#041018
```
#041018 rgb(4,16,24)
```
#071b29
```
#071b29 rgb(7,27,41)
```
#09263a
```
#09263a rgb(9,38,58)
```
#0c324b
```
#0c324b rgb(12,50,75)
```
#0f3d5b
```
#0f3d5b rgb(15,61,91)
```
#11486c
```
#11486c rgb(17,72,108)
```
#14547d
```
#14547d rgb(20,84,125)
```
#175f8e
```
#175f8e rgb(23,95,142)
```
#196a9f
```
#196a9f rgb(25,106,159)
```
#1c75b0
```
#1c75b0 rgb(28,117,176)
```
#1f81c1
```
#1f81c1 rgb(31,129,193)
```
#228cd2
```
#228cd2 rgb(34,140,210)
```

Shade Color Variation

#2a96dd
```
#2a96dd rgb(42,150,221)
```
#3b9ee0
```
#3b9ee0 rgb(59,158,224)
```
#4ca7e2
```
#4ca7e2 rgb(76,167,226)
```
#5dafe5
```
#5dafe5 rgb(93,175,229)
```
#6eb7e8
```
#6eb7e8 rgb(110,183,232)
```
#7fc0eb
```
#7fc0eb rgb(127,192,235)
```
#8fc8ed
```
#8fc8ed rgb(143,200,237)
```
#a0d0f0
```
#a0d0f0 rgb(160,208,240)
```
#b1d9f3
```
#b1d9f3 rgb(177,217,243)
```
#c2e1f5
```
#c2e1f5 rgb(194,225,245)
```
#d3e9f8
```
#d3e9f8 rgb(211,233,248)
```
#e4f2fb
```
#e4f2fb rgb(228,242,251)
```
#f5fafd
```
#f5fafd rgb(245,250,253)
```

Tint Color Variation

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

#808488
```
#808488 rgb(128,132,136)
```
#768691
```
#768691 rgb(118,134,145)
```
#6d889b
```
#6d889b rgb(109,136,155)
```
#638aa4
```
#638aa4 rgb(99,138,164)
```
#5a8cae
```
#5a8cae rgb(90,140,174)
```
#508eb7
```
#508eb7 rgb(80,142,183)
```
#4790c1
```
#4790c1 rgb(71,144,193)
```
#3d92ca
```
#3d92ca rgb(61,146,202)
```
#3494d4
```
#3494d4 rgb(52,148,212)
```
#2a96dd
```
#2a96dd rgb(42,150,221)
```
#2198e7
```
#2198e7 rgb(33,152,231)
```
#179af0
```
#179af0 rgb(23,154,240)
```
#0e9cfa
```
#0e9cfa rgb(14,156,250)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6d8391 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b92d8 Protanopia 1% of men
#6695e1 Deuteranopia 1% of men
#00a3ae Tritanopia 0.001% of the population

Trichromacy

#5d93d9 Protanomaly 1% of men, 0.01% of women
#5095df Deuteranomaly 6% of men, 0.4% of women
#0f9ebf Tritanomaly 0.01% of the population

#2a96dd hex color

#2a96dd Color Information

#2a96dd Color Conversion

Color Schemes with #2a96dd

Alternatives to #2a96dd

#2a96dd Preview

Shades and Tints of #2a96dd

Tones of #2a96dd

Color Blindness Simulator