colorhexa.com

#6472f8 hex color

In a RGB color space, hex #6472f8 is composed of 39.2% red, 44.7% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 54% magenta, 0% yellow and 2.7% black. It has a hue angle of 234.3 degrees, a saturation of 91.4% and a lightness of 68.2%. #6472f8 color hex could be obtained by blending #c8e4ff with #0000f1. Closest websafe color is: #6666ff.

- R 39
- G 45
- B 97
RGB color chart
- C 60
- M 54
- Y 0
- K 3
CMYK color chart

● #6472f8 color description : Soft blue.

The hexadecimal color #6472f8 has RGB values of R:100, G:114, B:248 and CMYK values of C:0.6, M:0.54, Y:0, K:0.03. Its decimal value is 6583032.

Hex triplet	6472f8	`#6472f8`
RGB Decimal	100, 114, 248	`rgb(100,114,248)`
RGB Percent	39.2, 44.7, 97.3	`rgb(39.2%,44.7%,97.3%)`
CMYK	60, 54, 0, 3
HSL	234.3°, 91.4, 68.2	`hsl(234.3,91.4%,68.2%)`
HSV (or HSB)	234.3°, 59.7, 97.3
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.514, 33.904, -68.861
XYZ	28.213, 21.52, 91.469
xyY	0.2, 0.152, 21.52
CIE-LCH	53.514, 76.755, 296.214
CIE-LUV	53.514, -12.104, -110.374
Hunter-Lab	46.39, 27.376, -84.433
Binary	01100100, 01110010, 11111000

#6472f8
```
#6472f8 rgb(100,114,248)
```
#f8ea64
```
#f8ea64 rgb(248,234,100)
```

Complementary Color

#64bcf8
```
#64bcf8 rgb(100,188,248)
```
#6472f8
```
#6472f8 rgb(100,114,248)
```
#a064f8
```
#a064f8 rgb(160,100,248)
```

Analogous Color

#bcf864
```
#bcf864 rgb(188,248,100)
```
#6472f8
```
#6472f8 rgb(100,114,248)
```
#f8a064
```
#f8a064 rgb(248,160,100)
```

Split Complementary Color

#72f864
```
#72f864 rgb(114,248,100)
```
#6472f8
```
#6472f8 rgb(100,114,248)
```
#f86472
```
#f86472 rgb(248,100,114)
```

Triadic Color

#64f8ea
```
#64f8ea rgb(100,248,234)
```
#6472f8
```
#6472f8 rgb(100,114,248)
```
#f86472
```
#f86472 rgb(248,100,114)
```
#f8ea64
```
#f8ea64 rgb(248,234,100)
```

Tetradic Color

#1b2ff5
```
#1b2ff5 rgb(27,47,245)
```
#3346f6
```
#3346f6 rgb(51,70,246)
```
#4c5cf7
```
#4c5cf7 rgb(76,92,247)
```
#6472f8
```
#6472f8 rgb(100,114,248)
```
#7c88f9
```
#7c88f9 rgb(124,136,249)
```
#959efa
```
#959efa rgb(149,158,250)
```
#adb5fb
```
#adb5fb rgb(173,181,251)
```

Monochromatic Color

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

#6497f8
```
#6497f8 rgb(100,151,248)
```
#648bf8
```
#648bf8 rgb(100,139,248)
```
#647ef8
```
#647ef8 rgb(100,126,248)
```
#6472f8
```
#6472f8 rgb(100,114,248)
```
#6466f8
```
#6466f8 rgb(100,102,248)
```
#6f64f8
```
#6f64f8 rgb(111,100,248)
```
#7b64f8
```
#7b64f8 rgb(123,100,248)
```

Similar Colors

Text with hexadecimal color #6472f8

This text has a font color of #6472f8.

<span style="color:#6472f8;">Text here</span>

#6472f8 background color

This paragraph has a background color of #6472f8.

<p style="background-color:#6472f8;">Content here</p>

#6472f8 border color

This element has a border color of #6472f8.

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

CSS codes

.text {color:#6472f8;}

.background {background-color:#6472f8;}

.border {border:1px solid #6472f8;}

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

#01020e
```
#01020e rgb(1,2,14)
```
#010421
```
#010421 rgb(1,4,33)
```
#020733
```
#020733 rgb(2,7,51)
```
#030a46
```
#030a46 rgb(3,10,70)
```
#040c59
```
#040c59 rgb(4,12,89)
```
#050f6c
```
#050f6c rgb(5,15,108)
```
#06117f
```
#06117f rgb(6,17,127)
```
#071491
```
#071491 rgb(7,20,145)
```
#0716a4
```
#0716a4 rgb(7,22,164)
```
#0819b7
```
#0819b7 rgb(8,25,183)
```
#091bca
```
#091bca rgb(9,27,202)
```
#0a1edc
```
#0a1edc rgb(10,30,220)
```
#0b20ef
```
#0b20ef rgb(11,32,239)
```

Shade Color Variation

#192ef5
```
#192ef5 rgb(25,46,245)
```
#2c3ff5
```
#2c3ff5 rgb(44,63,245)
```
#3e50f6
```
#3e50f6 rgb(62,80,246)
```
#5161f7
```
#5161f7 rgb(81,97,247)
```
#6472f8
```
#6472f8 rgb(100,114,248)
```
#7783f9
```
#7783f9 rgb(119,131,249)
```
#8a94fa
```
#8a94fa rgb(138,148,250)
```
#9ca5fb
```
#9ca5fb rgb(156,165,251)
```
#afb6fb
```
#afb6fb rgb(175,182,251)
```
#c2c7fc
```
#c2c7fc rgb(194,199,252)
```
#d5d8fd
```
#d5d8fd rgb(213,216,253)
```
#e7eafe
```
#e7eafe rgb(231,234,254)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#a9aab3
```
#a9aab3 rgb(169,170,179)
```
#a2a5ba
```
#a2a5ba rgb(162,165,186)
```
#9c9fc0
```
#9c9fc0 rgb(156,159,192)
```
#969ac6
```
#969ac6 rgb(150,154,198)
```
#9095cc
```
#9095cc rgb(144,149,204)
```
#8990d3
```
#8990d3 rgb(137,144,211)
```
#838bd9
```
#838bd9 rgb(131,139,217)
```
#7d86df
```
#7d86df rgb(125,134,223)
```
#7781e5
```
#7781e5 rgb(119,129,229)
```
#707cec
```
#707cec rgb(112,124,236)
```
#6a77f2
```
#6a77f2 rgb(106,119,242)
```
#6472f8
```
#6472f8 rgb(100,114,248)
```
#5e6dfe
```
#5e6dfe rgb(94,109,254)
```

Tone Color Variation

Below, you can see how #6472f8 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

#7d7d7d Achromatopsia 0.005% of the population
#787b96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1382ff Protanopia 1% of men
#0089e1 Deuteranopia 1% of men
#2f929d Tritanopia 0.001% of the population

Trichromacy

#307cfc Protanomaly 1% of men, 0.01% of women
#2480e9 Deuteranomaly 6% of men, 0.4% of women
#4286be Tritanomaly 0.01% of the population