#3a96ea hex color

In a RGB color space, hex #3a96ea is composed of 22.7% red, 58.8% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 75.2% cyan, 35.9% magenta, 0% yellow and 8.2% black. It has a hue angle of 208.6 degrees, a saturation of 80.7% and a lightness of 57.3%. #3a96ea color hex could be obtained by blending #74ffff with #002dd5. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 23
- G 59
- B 92
RGB color chart
- C 75
- M 36
- Y 0
- K 8
CMYK color chart

● #3a96ea color description : Bright blue.

The hexadecimal color #3a96ea has RGB values of R:58, G:150, B:234 and CMYK values of C:0.75, M:0.36, Y:0, K:0.08. Its decimal value is 3839722.

Hex triplet	3a96ea	`#3a96ea`
RGB Decimal	58, 150, 234	`rgb(58,150,234)`
RGB Percent	22.7, 58.8, 91.8	`rgb(22.7%,58.8%,91.8%)`
CMYK	75, 36, 0, 8
HSL	208.6°, 80.7, 57.3	`hsl(208.6,80.7%,57.3%)`
HSV (or HSB)	208.6°, 75.2, 91.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	60.472, 1.076, -50.054
XYZ	27.499, 28.651, 81.918
xyY	0.199, 0.208, 28.651
CIE-LCH	60.472, 50.065, 271.232
CIE-LUV	60.472, -32.527, -79.832
Hunter-Lab	53.526, -1.967, -53.271
Binary	00111010, 10010110, 11101010

#3a96ea
```
#3a96ea rgb(58,150,234)
```
#ea8e3a
```
#ea8e3a rgb(234,142,58)
```

Complementary Color

#3aeae6
```
#3aeae6 rgb(58,234,230)
```
#3a96ea
```
#3a96ea rgb(58,150,234)
```
#3a3eea
```
#3a3eea rgb(58,62,234)
```

Analogous Color

#eae63a
```
#eae63a rgb(234,230,58)
```
#3a96ea
```
#3a96ea rgb(58,150,234)
```
#ea3a3e
```
#ea3a3e rgb(234,58,62)
```

Split Complementary Color

#96ea3a
```
#96ea3a rgb(150,234,58)
```
#3a96ea
```
#3a96ea rgb(58,150,234)
```
#ea3a96
```
#ea3a96 rgb(234,58,150)
```

Triadic Color

#3aea8e
```
#3aea8e rgb(58,234,142)
```
#3a96ea
```
#3a96ea rgb(58,150,234)
```
#ea3a96
```
#ea3a96 rgb(234,58,150)
```
#ea8e3a
```
#ea8e3a rgb(234,142,58)
```

Tetradic Color

#1570c3
```
#1570c3 rgb(21,112,195)
```
#177dda
```
#177dda rgb(23,125,218)
```
#238ae8
```
#238ae8 rgb(35,138,232)
```
#3a96ea
```
#3a96ea rgb(58,150,234)
```
#51a2ec
```
#51a2ec rgb(81,162,236)
```
#68afef
```
#68afef rgb(104,175,239)
```
#7fbbf1
```
#7fbbf1 rgb(127,187,241)
```

Monochromatic Color

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

#3ac2ea
```
#3ac2ea rgb(58,194,234)
```
#3ab3ea
```
#3ab3ea rgb(58,179,234)
```
#3aa5ea
```
#3aa5ea rgb(58,165,234)
```
#3a96ea
```
#3a96ea rgb(58,150,234)
```
#3a87ea
```
#3a87ea rgb(58,135,234)
```
#3a79ea
```
#3a79ea rgb(58,121,234)
```
#3a6aea
```
#3a6aea rgb(58,106,234)
```

Similar Colors

Text with hexadecimal color #3a96ea

This text has a font color of #3a96ea.

<span style="color:#3a96ea;">Text here</span>

#3a96ea background color

This paragraph has a background color of #3a96ea.

<p style="background-color:#3a96ea;">Content here</p>

#3a96ea border color

This element has a border color of #3a96ea.

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

CSS codes

.text {color:#3a96ea;}

.background {background-color:#3a96ea;}

.border {border:1px solid #3a96ea;}

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

#020910
```
#020910 rgb(2,9,16)
```
#041321
```
#041321 rgb(4,19,33)
```
#051d33
```
#051d33 rgb(5,29,51)
```
#072845
```
#072845 rgb(7,40,69)
```
#093257
```
#093257 rgb(9,50,87)
```
#0b3c68
```
#0b3c68 rgb(11,60,104)
```
#0d467a
```
#0d467a rgb(13,70,122)
```
#0f508c
```
#0f508c rgb(15,80,140)
```
#115a9e
```
#115a9e rgb(17,90,158)
```
#1365af
```
#1365af rgb(19,101,175)
```
#156fc1
```
#156fc1 rgb(21,111,193)
```
#1679d3
```
#1679d3 rgb(22,121,211)
```
#1883e4
```
#1883e4 rgb(24,131,228)
```

Shade Color Variation

#288de8
```
#288de8 rgb(40,141,232)
```
#3a96ea
```
#3a96ea rgb(58,150,234)
```
#4c9fec
```
#4c9fec rgb(76,159,236)
```
#5da9ee
```
#5da9ee rgb(93,169,238)
```
#6fb2f0
```
#6fb2f0 rgb(111,178,240)
```
#81bcf2
```
#81bcf2 rgb(129,188,242)
```
#93c5f3
```
#93c5f3 rgb(147,197,243)
```
#a4cff5
```
#a4cff5 rgb(164,207,245)
```
#b6d8f7
```
#b6d8f7 rgb(182,216,247)
```
#c8e2f9
```
#c8e2f9 rgb(200,226,249)
```
#daebfb
```
#daebfb rgb(218,235,251)
```
#ebf4fd
```
#ebf4fd rgb(235,244,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9296 is the less saturated color, while #2997fb is the most saturated one.

#8e9296
```
#8e9296 rgb(142,146,150)
```
#85939f
```
#85939f rgb(133,147,159)
```
#7d93a7
```
#7d93a7 rgb(125,147,167)
```
#7593af
```
#7593af rgb(117,147,175)
```
#6c94b8
```
#6c94b8 rgb(108,148,184)
```
#6494c0
```
#6494c0 rgb(100,148,192)
```
#5c94c8
```
#5c94c8 rgb(92,148,200)
```
#5395d1
```
#5395d1 rgb(83,149,209)
```
#4b95d9
```
#4b95d9 rgb(75,149,217)
```
#4296e2
```
#4296e2 rgb(66,150,226)
```
#3a96ea
```
#3a96ea rgb(58,150,234)
```
#3296f2
```
#3296f2 rgb(50,150,242)
```
#2997fb
```
#2997fb rgb(41,151,251)
```

Tone Color Variation

Below, you can see how #3a96ea 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

#848484 Achromatopsia 0.005% of the population
#758898 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7694e5 Protanopia 1% of men
#5d98ec Deuteranopia 1% of men
#00a6b1 Tritanopia 0.001% of the population

Trichromacy

#6095e7 Protanomaly 1% of men, 0.01% of women
#5097eb Deuteranomaly 6% of men, 0.4% of women
#15a0c6 Tritanomaly 0.01% of the population

#3a96ea hex color

#3a96ea Color Information

#3a96ea Color Conversion

Color Schemes with #3a96ea

Alternatives to #3a96ea

#3a96ea Preview

Shades and Tints of #3a96ea

Tones of #3a96ea

Color Blindness Simulator