#5174dd hex color

In a RGB color space, hex #5174dd is composed of 31.8% red, 45.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 47.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 225 degrees, a saturation of 67.3% and a lightness of 59.2%. #5174dd color hex could be obtained by blending #a2e8ff with #0000bb. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 32
- G 45
- B 87
RGB color chart
- C 63
- M 48
- Y 0
- K 13
CMYK color chart

● #5174dd color description : Soft blue.

The hexadecimal color #5174dd has RGB values of R:81, G:116, B:221 and CMYK values of C:0.63, M:0.48, Y:0, K:0.13. Its decimal value is 5338333.

Hex triplet	5174dd	`#5174dd`
RGB Decimal	81, 116, 221	`rgb(81,116,221)`
RGB Percent	31.8, 45.5, 86.7	`rgb(31.8%,45.5%,86.7%)`
CMYK	63, 48, 0, 13
HSL	225°, 67.3, 59.2	`hsl(225,67.3%,59.2%)`
HSV (or HSB)	225°, 63.3, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.22, 20.416, -57.505
XYZ	22.687, 19.459, 70.963
xyY	0.201, 0.172, 19.459
CIE-LCH	51.22, 61.022, 289.546
CIE-LUV	51.22, -17.175, -90.763
Hunter-Lab	44.113, 14.605, -64.5
Binary	01010001, 01110100, 11011101

#5174dd
```
#5174dd rgb(81,116,221)
```
#ddba51
```
#ddba51 rgb(221,186,81)
```

Complementary Color

#51badd
```
#51badd rgb(81,186,221)
```
#5174dd
```
#5174dd rgb(81,116,221)
```
#7451dd
```
#7451dd rgb(116,81,221)
```

Analogous Color

#badd51
```
#badd51 rgb(186,221,81)
```
#5174dd
```
#5174dd rgb(81,116,221)
```
#dd7451
```
#dd7451 rgb(221,116,81)
```

Split Complementary Color

#74dd51
```
#74dd51 rgb(116,221,81)
```
#5174dd
```
#5174dd rgb(81,116,221)
```
#dd5174
```
#dd5174 rgb(221,81,116)
```

Triadic Color

#51ddba
```
#51ddba rgb(81,221,186)
```
#5174dd
```
#5174dd rgb(81,116,221)
```
#dd5174
```
#dd5174 rgb(221,81,116)
```
#ddba51
```
#ddba51 rgb(221,186,81)
```

Tetradic Color

#254bbd
```
#254bbd rgb(37,75,189)
```
#2953d2
```
#2953d2 rgb(41,83,210)
```
#3c63d9
```
#3c63d9 rgb(60,99,217)
```
#5174dd
```
#5174dd rgb(81,116,221)
```
#6685e1
```
#6685e1 rgb(102,133,225)
```
#7c96e5
```
#7c96e5 rgb(124,150,229)
```
#91a7ea
```
#91a7ea rgb(145,167,234)
```

Monochromatic Color

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

#5197dd
```
#5197dd rgb(81,151,221)
```
#518bdd
```
#518bdd rgb(81,139,221)
```
#5180dd
```
#5180dd rgb(81,128,221)
```
#5174dd
```
#5174dd rgb(81,116,221)
```
#5168dd
```
#5168dd rgb(81,104,221)
```
#515ddd
```
#515ddd rgb(81,93,221)
```
#5151dd
```
#5151dd rgb(81,81,221)
```

Similar Colors

Text with hexadecimal color #5174dd

This text has a font color of #5174dd.

<span style="color:#5174dd;">Text here</span>

#5174dd background color

This paragraph has a background color of #5174dd.

<p style="background-color:#5174dd;">Content here</p>

#5174dd border color

This element has a border color of #5174dd.

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

CSS codes

.text {color:#5174dd;}

.background {background-color:#5174dd;}

.border {border:1px solid #5174dd;}

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

#010306
```
#010306 rgb(1,3,6)
```
#040917
```
#040917 rgb(4,9,23)
```
#081027
```
#081027 rgb(8,16,39)
```
#0b1638
```
#0b1638 rgb(11,22,56)
```
#0e1d48
```
#0e1d48 rgb(14,29,72)
```
#112359
```
#112359 rgb(17,35,89)
```
#152a69
```
#152a69 rgb(21,42,105)
```
#183079
```
#183079 rgb(24,48,121)
```
#1b378a
```
#1b378a rgb(27,55,138)
```
#1e3d9a
```
#1e3d9a rgb(30,61,154)
```
#2144ab
```
#2144ab rgb(33,68,171)
```
#254abb
```
#254abb rgb(37,74,187)
```
#2851cb
```
#2851cb rgb(40,81,203)
```

Shade Color Variation

#305ad7
```
#305ad7 rgb(48,90,215)
```
#4167da
```
#4167da rgb(65,103,218)
```
#5174dd
```
#5174dd rgb(81,116,221)
```
#6181e0
```
#6181e0 rgb(97,129,224)
```
#728ee3
```
#728ee3 rgb(114,142,227)
```
#829be7
```
#829be7 rgb(130,155,231)
```
#93a8ea
```
#93a8ea rgb(147,168,234)
```
#a3b6ed
```
#a3b6ed rgb(163,182,237)
```
#b3c3f0
```
#b3c3f0 rgb(179,195,240)
```
#c4d0f3
```
#c4d0f3 rgb(196,208,243)
```
#d4ddf7
```
#d4ddf7 rgb(212,221,247)
```
#e5eafa
```
#e5eafa rgb(229,234,250)
```
#f5f7fd
```
#f5f7fd rgb(245,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #91949d is the less saturated color, while #3164fd is the most saturated one.

#91949d
```
#91949d rgb(145,148,157)
```
#8990a5
```
#8990a5 rgb(137,144,165)
```
#818cad
```
#818cad rgb(129,140,173)
```
#7988b5
```
#7988b5 rgb(121,136,181)
```
#7184bd
```
#7184bd rgb(113,132,189)
```
#6980c5
```
#6980c5 rgb(105,128,197)
```
#617ccd
```
#617ccd rgb(97,124,205)
```
#5978d5
```
#5978d5 rgb(89,120,213)
```
#5174dd
```
#5174dd rgb(81,116,221)
```
#4970e5
```
#4970e5 rgb(73,112,229)
```
#416ced
```
#416ced rgb(65,108,237)
```
#3968f5
```
#3968f5 rgb(57,104,245)
```
#3164fd
```
#3164fd rgb(49,100,253)
```

Tone Color Variation

Below, you can see how #5174dd 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

#767676 Achromatopsia 0.005% of the population
#6f768b Atypical Achromatopsia 0.001% of the population

Dichromacy

#487de0 Protanopia 1% of men
#0083da Deuteranopia 1% of men
#1d8d97 Tritanopia 0.001% of the population

Trichromacy

#4b7adf Protanomaly 1% of men, 0.01% of women
#1d7ddb Deuteranomaly 6% of men, 0.4% of women
#3083b0 Tritanomaly 0.01% of the population

#5174dd hex color

#5174dd Color Information

#5174dd Color Conversion

Color Schemes with #5174dd

Alternatives to #5174dd

#5174dd Preview

Shades and Tints of #5174dd

Tones of #5174dd

Color Blindness Simulator