#5774f2 hex color

In a RGB color space, hex #5774f2 is composed of 34.1% red, 45.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 52.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 228.8 degrees, a saturation of 85.6% and a lightness of 64.5%. #5774f2 color hex could be obtained by blending #aee8ff with #0000e5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 34
- G 45
- B 95
RGB color chart
- C 64
- M 52
- Y 0
- K 5
CMYK color chart

● #5774f2 color description : Soft blue.

The hexadecimal color #5774f2 has RGB values of R:87, G:116, B:242 and CMYK values of C:0.64, M:0.52, Y:0, K:0.05. Its decimal value is 5731570.

Hex triplet	5774f2	`#5774f2`
RGB Decimal	87, 116, 242	`rgb(87,116,242)`
RGB Percent	34.1, 45.5, 94.9	`rgb(34.1%,45.5%,94.9%)`
CMYK	64, 52, 0, 5
HSL	228.8°, 85.6, 64.5	`hsl(228.8,85.6%,64.5%)`
HSV (or HSB)	228.8°, 64, 94.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.869, 28.555, -66.605
XYZ	26.2, 20.926, 86.658
xyY	0.196, 0.156, 20.926
CIE-LCH	52.869, 72.468, 293.206
CIE-LUV	52.869, -15.943, -106.171
Hunter-Lab	45.745, 22.177, -80.295
Binary	01010111, 01110100, 11110010

#5774f2
```
#5774f2 rgb(87,116,242)
```
#f2d557
```
#f2d557 rgb(242,213,87)
```

Complementary Color

#57c2f2
```
#57c2f2 rgb(87,194,242)
```
#5774f2
```
#5774f2 rgb(87,116,242)
```
#8857f2
```
#8857f2 rgb(136,87,242)
```

Analogous Color

#c2f257
```
#c2f257 rgb(194,242,87)
```
#5774f2
```
#5774f2 rgb(87,116,242)
```
#f28857
```
#f28857 rgb(242,136,87)
```

Split Complementary Color

#74f257
```
#74f257 rgb(116,242,87)
```
#5774f2
```
#5774f2 rgb(87,116,242)
```
#f25774
```
#f25774 rgb(242,87,116)
```

Triadic Color

#57f2d5
```
#57f2d5 rgb(87,242,213)
```
#5774f2
```
#5774f2 rgb(87,116,242)
```
#f25774
```
#f25774 rgb(242,87,116)
```
#f2d557
```
#f2d557 rgb(242,213,87)
```

Tetradic Color

#123bea
```
#123bea rgb(18,59,234)
```
#284dee
```
#284dee rgb(40,77,238)
```
#3f60f0
```
#3f60f0 rgb(63,96,240)
```
#5774f2
```
#5774f2 rgb(87,116,242)
```
#6f88f4
```
#6f88f4 rgb(111,136,244)
```
#869bf6
```
#869bf6 rgb(134,155,246)
```
#9eaff7
```
#9eaff7 rgb(158,175,247)
```

Monochromatic Color

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

#579bf2
```
#579bf2 rgb(87,155,242)
```
#578ef2
```
#578ef2 rgb(87,142,242)
```
#5781f2
```
#5781f2 rgb(87,129,242)
```
#5774f2
```
#5774f2 rgb(87,116,242)
```
#5767f2
```
#5767f2 rgb(87,103,242)
```
#575af2
```
#575af2 rgb(87,90,242)
```
#6157f2
```
#6157f2 rgb(97,87,242)
```

Similar Colors

Text with hexadecimal color #5774f2

This text has a font color of #5774f2.

<span style="color:#5774f2;">Text here</span>

#5774f2 background color

This paragraph has a background color of #5774f2.

<p style="background-color:#5774f2;">Content here</p>

#5774f2 border color

This element has a border color of #5774f2.

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

CSS codes

.text {color:#5774f2;}

.background {background-color:#5774f2;}

.border {border:1px solid #5774f2;}

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, #01040e is the darkest color, while #fbfcff is the lightest one.

#01040e
```
#01040e rgb(1,4,14)
```
#020820
```
#020820 rgb(2,8,32)
```
#040d32
```
#040d32 rgb(4,13,50)
```
#051145
```
#051145 rgb(5,17,69)
```
#071657
```
#071657 rgb(7,22,87)
```
#081a69
```
#081a69 rgb(8,26,105)
```
#0a1f7b
```
#0a1f7b rgb(10,31,123)
```
#0b238e
```
#0b238e rgb(11,35,142)
```
#0c28a0
```
#0c28a0 rgb(12,40,160)
```
#0e2cb2
```
#0e2cb2 rgb(14,44,178)
```
#0f31c4
```
#0f31c4 rgb(15,49,196)
```
#1136d6
```
#1136d6 rgb(17,54,214)
```
#123ae9
```
#123ae9 rgb(18,58,233)
```

Shade Color Variation

#2047ee
```
#2047ee rgb(32,71,238)
```
#3356ef
```
#3356ef rgb(51,86,239)
```
#4565f1
```
#4565f1 rgb(69,101,241)
```
#5774f2
```
#5774f2 rgb(87,116,242)
```
#6983f3
```
#6983f3 rgb(105,131,243)
```
#7b92f5
```
#7b92f5 rgb(123,146,245)
```
#8ea1f6
```
#8ea1f6 rgb(142,161,246)
```
#a0b0f8
```
#a0b0f8 rgb(160,176,248)
```
#b2bff9
```
#b2bff9 rgb(178,191,249)
```
#c4cefa
```
#c4cefa rgb(196,206,250)
```
#d6ddfc
```
#d6ddfc rgb(214,221,252)
```
#e9edfd
```
#e9edfd rgb(233,237,253)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#a4a4a5
```
#a4a4a5 rgb(164,164,165)
```
#9da0ac
```
#9da0ac rgb(157,160,172)
```
#969bb3
```
#969bb3 rgb(150,155,179)
```
#8f97ba
```
#8f97ba rgb(143,151,186)
```
#8892c1
```
#8892c1 rgb(136,146,193)
```
#818ec8
```
#818ec8 rgb(129,142,200)
```
#7a8acf
```
#7a8acf rgb(122,138,207)
```
#7385d6
```
#7385d6 rgb(115,133,214)
```
#6c81dd
```
#6c81dd rgb(108,129,221)
```
#657de4
```
#657de4 rgb(101,125,228)
```
#5e78eb
```
#5e78eb rgb(94,120,235)
```
#5774f2
```
#5774f2 rgb(87,116,242)
```
#5070f9
```
#5070f9 rgb(80,112,249)
```

Tone Color Variation

Below, you can see how #5774f2 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

#7a7a7a Achromatopsia 0.005% of the population
#737992 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2980f7 Protanopia 1% of men
#0087df Deuteranopia 1% of men
#00919c Tritanopia 0.001% of the population

Trichromacy

#3a7cf5 Protanomaly 1% of men, 0.01% of women
#1f80e6 Deuteranomaly 6% of men, 0.4% of women
#1f86bb Tritanomaly 0.01% of the population

#5774f2 hex color

#5774f2 Color Information

#5774f2 Color Conversion

Color Schemes with #5774f2

Alternatives to #5774f2

#5774f2 Preview

Shades and Tints of #5774f2

Tones of #5774f2

Color Blindness Simulator