#3574fa hex color

In a RGB color space, hex #3574fa is composed of 20.8% red, 45.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 53.6% magenta, 0% yellow and 2% black. It has a hue angle of 220.8 degrees, a saturation of 95.2% and a lightness of 59.4%. #3574fa color hex could be obtained by blending #6ae8ff with #0000f5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 21
- G 45
- B 98
RGB color chart
- C 79
- M 54
- Y 0
- K 2
CMYK color chart

● #3574fa color description : Bright blue.

The hexadecimal color #3574fa has RGB values of R:53, G:116, B:250 and CMYK values of C:0.79, M:0.54, Y:0, K:0.02. Its decimal value is 3503354.

Hex triplet	3574fa	`#3574fa`
RGB Decimal	53, 116, 250	`rgb(53,116,250)`
RGB Percent	20.8, 45.5, 98	`rgb(20.8%,45.5%,98%)`
CMYK	79, 54, 0, 2
HSL	220.8°, 95.2, 59.4	`hsl(220.8,95.2%,59.4%)`
HSV (or HSB)	220.8°, 78.8, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	52.004, 27.09, -72.519
XYZ	24.965, 20.148, 93.01
xyY	0.181, 0.146, 20.148
CIE-LCH	52.004, 77.413, 290.483
CIE-LUV	52.004, -22.385, -114.399
Hunter-Lab	44.886, 20.728, -91.436
Binary	00110101, 01110100, 11111010

#3574fa
```
#3574fa rgb(53,116,250)
```
#fabb35
```
#fabb35 rgb(250,187,53)
```

Complementary Color

#35d7fa
```
#35d7fa rgb(53,215,250)
```
#3574fa
```
#3574fa rgb(53,116,250)
```
#5935fa
```
#5935fa rgb(89,53,250)
```

Analogous Color

#d7fa35
```
#d7fa35 rgb(215,250,53)
```
#3574fa
```
#3574fa rgb(53,116,250)
```
#fa5935
```
#fa5935 rgb(250,89,53)
```

Split Complementary Color

#74fa35
```
#74fa35 rgb(116,250,53)
```
#3574fa
```
#3574fa rgb(53,116,250)
```
#fa3574
```
#fa3574 rgb(250,53,116)
```

Triadic Color

#35fabb
```
#35fabb rgb(53,250,187)
```
#3574fa
```
#3574fa rgb(53,116,250)
```
#fa3574
```
#fa3574 rgb(250,53,116)
```
#fabb35
```
#fabb35 rgb(250,187,53)
```

Tetradic Color

#054add
```
#054add rgb(5,74,221)
```
#0653f6
```
#0653f6 rgb(6,83,246)
```
#1c63f9
```
#1c63f9 rgb(28,99,249)
```
#3574fa
```
#3574fa rgb(53,116,250)
```
#4e85fb
```
#4e85fb rgb(78,133,251)
```
#6796fb
```
#6796fb rgb(103,150,251)
```
#80a7fc
```
#80a7fc rgb(128,167,252)
```

Monochromatic Color

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

#35a5fa
```
#35a5fa rgb(53,165,250)
```
#3595fa
```
#3595fa rgb(53,149,250)
```
#3584fa
```
#3584fa rgb(53,132,250)
```
#3574fa
```
#3574fa rgb(53,116,250)
```
#3564fa
```
#3564fa rgb(53,100,250)
```
#3553fa
```
#3553fa rgb(53,83,250)
```
#3543fa
```
#3543fa rgb(53,67,250)
```

Similar Colors

Text with hexadecimal color #3574fa

This text has a font color of #3574fa.

<span style="color:#3574fa;">Text here</span>

#3574fa background color

This paragraph has a background color of #3574fa.

<p style="background-color:#3574fa;">Content here</p>

#3574fa border color

This element has a border color of #3574fa.

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

CSS codes

.text {color:#3574fa;}

.background {background-color:#3574fa;}

.border {border:1px solid #3574fa;}

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

#000309
```
#000309 rgb(0,3,9)
```
#01091c
```
#01091c rgb(1,9,28)
```
#01102f
```
#01102f rgb(1,16,47)
```
#021642
```
#021642 rgb(2,22,66)
```
#021d55
```
#021d55 rgb(2,29,85)
```
#032368
```
#032368 rgb(3,35,104)
```
#032a7b
```
#032a7b rgb(3,42,123)
```
#04308f
```
#04308f rgb(4,48,143)
```
#0436a2
```
#0436a2 rgb(4,54,162)
```
#043db5
```
#043db5 rgb(4,61,181)
```
#0543c8
```
#0543c8 rgb(5,67,200)
```
#054adb
```
#054adb rgb(5,74,219)
```
#0650ee
```
#0650ee rgb(6,80,238)
```

Shade Color Variation

#0f5af9
```
#0f5af9 rgb(15,90,249)
```
#2267fa
```
#2267fa rgb(34,103,250)
```
#3574fa
```
#3574fa rgb(53,116,250)
```
#4881fa
```
#4881fa rgb(72,129,250)
```
#5b8efb
```
#5b8efb rgb(91,142,251)
```
#6e9cfb
```
#6e9cfb rgb(110,156,251)
```
#82a9fc
```
#82a9fc rgb(130,169,252)
```
#95b6fc
```
#95b6fc rgb(149,182,252)
```
#a8c3fd
```
#a8c3fd rgb(168,195,253)
```
#bbd0fd
```
#bbd0fd rgb(187,208,253)
```
#ceddfe
```
#ceddfe rgb(206,221,254)
```
#e1ebfe
```
#e1ebfe rgb(225,235,254)
```
#f4f8ff
```
#f4f8ff rgb(244,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #95969a is the less saturated color, while #3574fa is the most saturated one.

#95969a
```
#95969a rgb(149,150,154)
```
#8d94a2
```
#8d94a2 rgb(141,148,162)
```
#8591aa
```
#8591aa rgb(133,145,170)
```
#7d8eb2
```
#7d8eb2 rgb(125,142,178)
```
#758bba
```
#758bba rgb(117,139,186)
```
#6d88c2
```
#6d88c2 rgb(109,136,194)
```
#6585ca
```
#6585ca rgb(101,133,202)
```
#5d82d2
```
#5d82d2 rgb(93,130,210)
```
#557fda
```
#557fda rgb(85,127,218)
```
#4d7de2
```
#4d7de2 rgb(77,125,226)
```
#457aea
```
#457aea rgb(69,122,234)
```
#3d77f2
```
#3d77f2 rgb(61,119,242)
```
#3574fa
```
#3574fa rgb(53,116,250)
```

Tone Color Variation

Below, you can see how #3574fa 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

#707070 Achromatopsia 0.005% of the population
#64718c Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef8 Protanopia 1% of men
#0085d9 Deuteranopia 1% of men
#008f98 Tritanopia 0.001% of the population

Trichromacy

#137af9 Protanomaly 1% of men, 0.01% of women
#137fe5 Deuteranomaly 6% of men, 0.4% of women
#1385bb Tritanomaly 0.01% of the population

#3574fa hex color

#3574fa Color Information

#3574fa Color Conversion

Color Schemes with #3574fa

Alternatives to #3574fa

#3574fa Preview

Shades and Tints of #3574fa

Tones of #3574fa

Color Blindness Simulator