#3472fa hex color

In a RGB color space, hex #3472fa is composed of 20.4% red, 44.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 54.4% magenta, 0% yellow and 2% black. It has a hue angle of 221.2 degrees, a saturation of 95.2% and a lightness of 59.2%. #3472fa color hex could be obtained by blending #68e4ff with #0000f5. Closest websafe color is: #3366ff.

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

● #3472fa color description : Bright blue.

The hexadecimal color #3472fa has RGB values of R:52, G:114, B:250 and CMYK values of C:0.79, M:0.54, Y:0, K:0.02. Its decimal value is 3437306.

Hex triplet	3472fa	`#3472fa`
RGB Decimal	52, 114, 250	`rgb(52,114,250)`
RGB Percent	20.4, 44.7, 98	`rgb(20.4%,44.7%,98%)`
CMYK	79, 54, 0, 2
HSL	221.2°, 95.2, 59.2	`hsl(221.2,95.2%,59.2%)`
HSV (or HSB)	221.2°, 79.2, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	51.456, 28.249, -73.41
XYZ	24.685, 19.665, 92.932
xyY	0.18, 0.143, 19.665
CIE-LCH	51.456, 78.657, 291.047
CIE-LUV	51.456, -21.973, -115.458
Hunter-Lab	44.345, 21.759, -93.21
Binary	00110100, 01110010, 11111010

#3472fa
```
#3472fa rgb(52,114,250)
```
#fabc34
```
#fabc34 rgb(250,188,52)
```

Complementary Color

#34d5fa
```
#34d5fa rgb(52,213,250)
```
#3472fa
```
#3472fa rgb(52,114,250)
```
#5934fa
```
#5934fa rgb(89,52,250)
```

Analogous Color

#d5fa34
```
#d5fa34 rgb(213,250,52)
```
#3472fa
```
#3472fa rgb(52,114,250)
```
#fa5934
```
#fa5934 rgb(250,89,52)
```

Split Complementary Color

#72fa34
```
#72fa34 rgb(114,250,52)
```
#3472fa
```
#3472fa rgb(52,114,250)
```
#fa3472
```
#fa3472 rgb(250,52,114)
```

Triadic Color

#34fabc
```
#34fabc rgb(52,250,188)
```
#3472fa
```
#3472fa rgb(52,114,250)
```
#fa3472
```
#fa3472 rgb(250,52,114)
```
#fabc34
```
#fabc34 rgb(250,188,52)
```

Tetradic Color

#0549dc
```
#0549dc rgb(5,73,220)
```
#0651f5
```
#0651f5 rgb(6,81,245)
```
#1b61f9
```
#1b61f9 rgb(27,97,249)
```
#3472fa
```
#3472fa rgb(52,114,250)
```
#4d83fb
```
#4d83fb rgb(77,131,251)
```
#6695fb
```
#6695fb rgb(102,149,251)
```
#7fa6fc
```
#7fa6fc rgb(127,166,252)
```

Monochromatic Color

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

#34a4fa
```
#34a4fa rgb(52,164,250)
```
#3493fa
```
#3493fa rgb(52,147,250)
```
#3483fa
```
#3483fa rgb(52,131,250)
```
#3472fa
```
#3472fa rgb(52,114,250)
```
#3462fa
```
#3462fa rgb(52,98,250)
```
#3451fa
```
#3451fa rgb(52,81,250)
```
#3441fa
```
#3441fa rgb(52,65,250)
```

Similar Colors

Text with hexadecimal color #3472fa

This text has a font color of #3472fa.

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

#3472fa background color

This paragraph has a background color of #3472fa.

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

#3472fa border color

This element has a border color of #3472fa.

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

CSS codes

.text {color:#3472fa;}

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

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

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

#000308
```
#000308 rgb(0,3,8)
```
#01091b
```
#01091b rgb(1,9,27)
```
#010f2e
```
#010f2e rgb(1,15,46)
```
#021541
```
#021541 rgb(2,21,65)
```
#021c54
```
#021c54 rgb(2,28,84)
```
#032267
```
#032267 rgb(3,34,103)
```
#03287a
```
#03287a rgb(3,40,122)
```
#032f8e
```
#032f8e rgb(3,47,142)
```
#0435a1
```
#0435a1 rgb(4,53,161)
```
#043bb4
```
#043bb4 rgb(4,59,180)
```
#0542c7
```
#0542c7 rgb(5,66,199)
```
#0548da
```
#0548da rgb(5,72,218)
```
#064eed
```
#064eed rgb(6,78,237)
```

Shade Color Variation

#0e57f9
```
#0e57f9 rgb(14,87,249)
```
#2165fa
```
#2165fa rgb(33,101,250)
```
#3472fa
```
#3472fa rgb(52,114,250)
```
#477ffa
```
#477ffa rgb(71,127,250)
```
#5a8dfb
```
#5a8dfb rgb(90,141,251)
```
#6d9afb
```
#6d9afb rgb(109,154,251)
```
#81a7fc
```
#81a7fc rgb(129,167,252)
```
#94b4fc
```
#94b4fc rgb(148,180,252)
```
#a7c2fd
```
#a7c2fd rgb(167,194,253)
```
#bacffd
```
#bacffd rgb(186,207,253)
```
#cddcfe
```
#cddcfe rgb(205,220,254)
```
#e0eafe
```
#e0eafe rgb(224,234,254)
```
#f3f7ff
```
#f3f7ff rgb(243,247,255)
```

Tint Color Variation

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

#94969a
```
#94969a rgb(148,150,154)
```
#8c93a2
```
#8c93a2 rgb(140,147,162)
```
#8490aa
```
#8490aa rgb(132,144,170)
```
#7c8db2
```
#7c8db2 rgb(124,141,178)
```
#748aba
```
#748aba rgb(116,138,186)
```
#6c87c2
```
#6c87c2 rgb(108,135,194)
```
#6484ca
```
#6484ca rgb(100,132,202)
```
#5c81d2
```
#5c81d2 rgb(92,129,210)
```
#547eda
```
#547eda rgb(84,126,218)
```
#4c7be2
```
#4c7be2 rgb(76,123,226)
```
#4478ea
```
#4478ea rgb(68,120,234)
```
#3c75f2
```
#3c75f2 rgb(60,117,242)
```
#3472fa
```
#3472fa rgb(52,114,250)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#63708b Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df6 Protanopia 1% of men
#0084d7 Deuteranopia 1% of men
#008e96 Tritanopia 0.001% of the population

Trichromacy

#1279f7 Protanomaly 1% of men, 0.01% of women
#127de4 Deuteranomaly 6% of men, 0.4% of women
#1283ba Tritanomaly 0.01% of the population

#3472fa hex color

#3472fa Color Information

#3472fa Color Conversion

Color Schemes with #3472fa

Alternatives to #3472fa

#3472fa Preview

Shades and Tints of #3472fa

Tones of #3472fa

Color Blindness Simulator