#3a75ea hex color

In a RGB color space, hex #3a75ea is composed of 22.7% red, 45.9% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 75.2% cyan, 50% magenta, 0% yellow and 8.2% black. It has a hue angle of 219.9 degrees, a saturation of 80.7% and a lightness of 57.3%. #3a75ea color hex could be obtained by blending #74eaff with #0000d5. Closest websafe color is: #3366ff.

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

● #3a75ea color description : Bright blue.

The hexadecimal color #3a75ea has RGB values of R:58, G:117, B:234 and CMYK values of C:0.75, M:0.5, Y:0, K:0.08. Its decimal value is 3831274.

Hex triplet	3a75ea	`#3a75ea`
RGB Decimal	58, 117, 234	`rgb(58,117,234)`
RGB Percent	22.7, 45.9, 91.8	`rgb(22.7%,45.9%,91.8%)`
CMYK	75, 50, 0, 8
HSL	219.9°, 80.7, 57.3	`hsl(219.9,80.7%,57.3%)`
HSV (or HSB)	219.9°, 75.2, 91.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	51.337, 21.125, -64.675
XYZ	22.954, 19.561, 80.403
xyY	0.187, 0.159, 19.561
CIE-LCH	51.337, 68.038, 288.089
CIE-LUV	51.337, -22.136, -101.842
Hunter-Lab	44.228, 15.243, -76.826
Binary	00111010, 01110101, 11101010

#3a75ea
```
#3a75ea rgb(58,117,234)
```
#eaaf3a
```
#eaaf3a rgb(234,175,58)
```

Complementary Color

#3acdea
```
#3acdea rgb(58,205,234)
```
#3a75ea
```
#3a75ea rgb(58,117,234)
```
#573aea
```
#573aea rgb(87,58,234)
```

Analogous Color

#cdea3a
```
#cdea3a rgb(205,234,58)
```
#3a75ea
```
#3a75ea rgb(58,117,234)
```
#ea573a
```
#ea573a rgb(234,87,58)
```

Split Complementary Color

#75ea3a
```
#75ea3a rgb(117,234,58)
```
#3a75ea
```
#3a75ea rgb(58,117,234)
```
#ea3a75
```
#ea3a75 rgb(234,58,117)
```

Triadic Color

#3aeaaf
```
#3aeaaf rgb(58,234,175)
```
#3a75ea
```
#3a75ea rgb(58,117,234)
```
#ea3a75
```
#ea3a75 rgb(234,58,117)
```
#eaaf3a
```
#eaaf3a rgb(234,175,58)
```

Tetradic Color

#154fc3
```
#154fc3 rgb(21,79,195)
```
#1758da
```
#1758da rgb(23,88,218)
```
#2365e8
```
#2365e8 rgb(35,101,232)
```
#3a75ea
```
#3a75ea rgb(58,117,234)
```
#5185ec
```
#5185ec rgb(81,133,236)
```
#6895ef
```
#6895ef rgb(104,149,239)
```
#7fa5f1
```
#7fa5f1 rgb(127,165,241)
```

Monochromatic Color

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

#3aa1ea
```
#3aa1ea rgb(58,161,234)
```
#3a92ea
```
#3a92ea rgb(58,146,234)
```
#3a84ea
```
#3a84ea rgb(58,132,234)
```
#3a75ea
```
#3a75ea rgb(58,117,234)
```
#3a66ea
```
#3a66ea rgb(58,102,234)
```
#3a58ea
```
#3a58ea rgb(58,88,234)
```
#3a49ea
```
#3a49ea rgb(58,73,234)
```

Similar Colors

Text with hexadecimal color #3a75ea

This text has a font color of #3a75ea.

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

#3a75ea background color

This paragraph has a background color of #3a75ea.

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

#3a75ea border color

This element has a border color of #3a75ea.

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

CSS codes

.text {color:#3a75ea;}

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

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

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

#020610
```
#020610 rgb(2,6,16)
```
#040e21
```
#040e21 rgb(4,14,33)
```
#051533
```
#051533 rgb(5,21,51)
```
#071c45
```
#071c45 rgb(7,28,69)
```
#092357
```
#092357 rgb(9,35,87)
```
#0b2a68
```
#0b2a68 rgb(11,42,104)
```
#0d327a
```
#0d327a rgb(13,50,122)
```
#0f398c
```
#0f398c rgb(15,57,140)
```
#11409e
```
#11409e rgb(17,64,158)
```
#1347af
```
#1347af rgb(19,71,175)
```
#154ec1
```
#154ec1 rgb(21,78,193)
```
#1656d3
```
#1656d3 rgb(22,86,211)
```
#185de4
```
#185de4 rgb(24,93,228)
```

Shade Color Variation

#2869e8
```
#2869e8 rgb(40,105,232)
```
#3a75ea
```
#3a75ea rgb(58,117,234)
```
#4c81ec
```
#4c81ec rgb(76,129,236)
```
#5d8eee
```
#5d8eee rgb(93,142,238)
```
#6f9af0
```
#6f9af0 rgb(111,154,240)
```
#81a7f2
```
#81a7f2 rgb(129,167,242)
```
#93b3f3
```
#93b3f3 rgb(147,179,243)
```
#a4c0f5
```
#a4c0f5 rgb(164,192,245)
```
#b6ccf7
```
#b6ccf7 rgb(182,204,247)
```
#c8d8f9
```
#c8d8f9 rgb(200,216,249)
```
#dae5fb
```
#dae5fb rgb(218,229,251)
```
#ebf1fd
```
#ebf1fd rgb(235,241,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#8e9196
```
#8e9196 rgb(142,145,150)
```
#858e9f
```
#858e9f rgb(133,142,159)
```
#7d8ba7
```
#7d8ba7 rgb(125,139,167)
```
#7588af
```
#7588af rgb(117,136,175)
```
#6c86b8
```
#6c86b8 rgb(108,134,184)
```
#6483c0
```
#6483c0 rgb(100,131,192)
```
#5c80c8
```
#5c80c8 rgb(92,128,200)
```
#537dd1
```
#537dd1 rgb(83,125,209)
```
#4b7bd9
```
#4b7bd9 rgb(75,123,217)
```
#4278e2
```
#4278e2 rgb(66,120,226)
```
#3a75ea
```
#3a75ea rgb(58,117,234)
```
#3272f2
```
#3272f2 rgb(50,114,242)
```
#296ffb
```
#296ffb rgb(41,111,251)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#667289 Atypical Achromatopsia 0.001% of the population

Dichromacy

#357dec Protanopia 1% of men
#0083d8 Deuteranopia 1% of men
#008d96 Tritanopia 0.001% of the population

Trichromacy

#377aeb Protanomaly 1% of men, 0.01% of women
#157edf Deuteranomaly 6% of men, 0.4% of women
#1584b5 Tritanomaly 0.01% of the population

#3a75ea hex color

#3a75ea Color Information

#3a75ea Color Conversion

Color Schemes with #3a75ea

Alternatives to #3a75ea

#3a75ea Preview

Shades and Tints of #3a75ea

Tones of #3a75ea

Color Blindness Simulator