#74a1e5 hex color

In a RGB color space, hex #74a1e5 is composed of 45.5% red, 63.1% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 49.3% cyan, 29.7% magenta, 0% yellow and 10.2% black. It has a hue angle of 216.1 degrees, a saturation of 68.5% and a lightness of 67.6%. #74a1e5 color hex could be obtained by blending #e8ffff with #0043cb. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 45
- G 63
- B 90
RGB color chart
- C 49
- M 30
- Y 0
- K 10
CMYK color chart

● #74a1e5 color description : Soft blue.

The hexadecimal color #74a1e5 has RGB values of R:116, G:161, B:229 and CMYK values of C:0.49, M:0.3, Y:0, K:0.1. Its decimal value is 7643621.

Hex triplet	74a1e5	`#74a1e5`
RGB Decimal	116, 161, 229	`rgb(116,161,229)`
RGB Percent	45.5, 63.1, 89.8	`rgb(45.5%,63.1%,89.8%)`
CMYK	49, 30, 0, 10
HSL	216.1°, 68.5, 67.6	`hsl(216.1,68.5%,67.6%)`
HSV (or HSB)	216.1°, 49.3, 89.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.638, 3.35, -39.003
XYZ	34.087, 34.858, 79.057
xyY	0.23, 0.236, 34.858
CIE-LCH	65.638, 39.147, 274.909
CIE-LUV	65.638, -22.309, -62.532
Hunter-Lab	59.041, -0.265, -38.062
Binary	01110100, 10100001, 11100101

#74a1e5
```
#74a1e5 rgb(116,161,229)
```
#e5b874
```
#e5b874 rgb(229,184,116)
```

Complementary Color

#74dae5
```
#74dae5 rgb(116,218,229)
```
#74a1e5
```
#74a1e5 rgb(116,161,229)
```
#8074e5
```
#8074e5 rgb(128,116,229)
```

Analogous Color

#dae574
```
#dae574 rgb(218,229,116)
```
#74a1e5
```
#74a1e5 rgb(116,161,229)
```
#e58074
```
#e58074 rgb(229,128,116)
```

Split Complementary Color

#a1e574
```
#a1e574 rgb(161,229,116)
```
#74a1e5
```
#74a1e5 rgb(116,161,229)
```
#e574a1
```
#e574a1 rgb(229,116,161)
```

Triadic Color

#74e5b8
```
#74e5b8 rgb(116,229,184)
```
#74a1e5
```
#74a1e5 rgb(116,161,229)
```
#e574a1
```
#e574a1 rgb(229,116,161)
```
#e5b874
```
#e5b874 rgb(229,184,116)
```

Tetradic Color

#3475d9
```
#3475d9 rgb(52,117,217)
```
#4984dd
```
#4984dd rgb(73,132,221)
```
#5f92e1
```
#5f92e1 rgb(95,146,225)
```
#74a1e5
```
#74a1e5 rgb(116,161,229)
```
#89b0e9
```
#89b0e9 rgb(137,176,233)
```
#9fbeed
```
#9fbeed rgb(159,190,237)
```
#b4cdf1
```
#b4cdf1 rgb(180,205,241)
```

Monochromatic Color

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

#74bde5
```
#74bde5 rgb(116,189,229)
```
#74b4e5
```
#74b4e5 rgb(116,180,229)
```
#74aae5
```
#74aae5 rgb(116,170,229)
```
#74a1e5
```
#74a1e5 rgb(116,161,229)
```
#7498e5
```
#7498e5 rgb(116,152,229)
```
#748ee5
```
#748ee5 rgb(116,142,229)
```
#7485e5
```
#7485e5 rgb(116,133,229)
```

Similar Colors

Text with hexadecimal color #74a1e5

This text has a font color of #74a1e5.

<span style="color:#74a1e5;">Text here</span>

#74a1e5 background color

This paragraph has a background color of #74a1e5.

<p style="background-color:#74a1e5;">Content here</p>

#74a1e5 border color

This element has a border color of #74a1e5.

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

CSS codes

.text {color:#74a1e5;}

.background {background-color:#74a1e5;}

.border {border:1px solid #74a1e5;}

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, #02050a is the darkest color, while #f8fafe is the lightest one.

#02050a
```
#02050a rgb(2,5,10)
```
#050d1a
```
#050d1a rgb(5,13,26)
```
#08162b
```
#08162b rgb(8,22,43)
```
#0b1e3b
```
#0b1e3b rgb(11,30,59)
```
#0e274c
```
#0e274c rgb(14,39,76)
```
#112f5c
```
#112f5c rgb(17,47,92)
```
#14386d
```
#14386d rgb(20,56,109)
```
#17407d
```
#17407d rgb(23,64,125)
```
#1b488e
```
#1b488e rgb(27,72,142)
```
#1e519e
```
#1e519e rgb(30,81,158)
```
#2159af
```
#2159af rgb(33,89,175)
```
#2462bf
```
#2462bf rgb(36,98,191)
```
#276ad0
```
#276ad0 rgb(39,106,208)
```

Shade Color Variation

#3274d9
```
#3274d9 rgb(50,116,217)
```
#427fdc
```
#427fdc rgb(66,127,220)
```
#538bdf
```
#538bdf rgb(83,139,223)
```
#6396e2
```
#6396e2 rgb(99,150,226)
```
#74a1e5
```
#74a1e5 rgb(116,161,229)
```
#85ace8
```
#85ace8 rgb(133,172,232)
```
#95b7eb
```
#95b7eb rgb(149,183,235)
```
#a6c3ee
```
#a6c3ee rgb(166,195,238)
```
#b6cef1
```
#b6cef1 rgb(182,206,241)
```
#c7d9f4
```
#c7d9f4 rgb(199,217,244)
```
#d7e4f8
```
#d7e4f8 rgb(215,228,248)
```
#e8effb
```
#e8effb rgb(232,239,251)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

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

#a7abb2
```
#a7abb2 rgb(167,171,178)
```
#a0aab9
```
#a0aab9 rgb(160,170,185)
```
#9aa9bf
```
#9aa9bf rgb(154,169,191)
```
#94a7c5
```
#94a7c5 rgb(148,167,197)
```
#8da6cc
```
#8da6cc rgb(141,166,204)
```
#87a5d2
```
#87a5d2 rgb(135,165,210)
```
#81a4d8
```
#81a4d8 rgb(129,164,216)
```
#7aa2df
```
#7aa2df rgb(122,162,223)
```
#74a1e5
```
#74a1e5 rgb(116,161,229)
```
#6ea0eb
```
#6ea0eb rgb(110,160,235)
```
#679ef2
```
#679ef2 rgb(103,158,242)
```
#619df8
```
#619df8 rgb(97,157,248)
```
#5b9cfe
```
#5b9cfe rgb(91,156,254)
```

Tone Color Variation

Below, you can see how #74a1e5 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

#9b9b9b Achromatopsia 0.005% of the population
#939caa Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ea2e3 Protanopia 1% of men
#86a3e7 Deuteranopia 1% of men
#69aebb Tritanopia 0.001% of the population

Trichromacy

#84a1e4 Protanomaly 1% of men, 0.01% of women
#7fa2e6 Deuteranomaly 6% of men, 0.4% of women
#6da9ca Tritanomaly 0.01% of the population

#74a1e5 hex color

#74a1e5 Color Information

#74a1e5 Color Conversion

Color Schemes with #74a1e5

Alternatives to #74a1e5

#74a1e5 Preview

Shades and Tints of #74a1e5

Tones of #74a1e5

Color Blindness Simulator