colorhexa.com

#6474f5 hex color

In a RGB color space, hex #6474f5 is composed of 39.2% red, 45.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 52.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 233.4 degrees, a saturation of 87.9% and a lightness of 67.6%. #6474f5 color hex could be obtained by blending #c8e8ff with #0000eb. Closest websafe color is: #6666ff.

- R 39
- G 45
- B 96
RGB color chart
- C 59
- M 53
- Y 0
- K 4
CMYK color chart

● #6474f5 color description : Soft blue.

The hexadecimal color #6474f5 has RGB values of R:100, G:116, B:245 and CMYK values of C:0.59, M:0.53, Y:0, K:0.04. Its decimal value is 6583541.

Hex triplet	6474f5	`#6474f5`
RGB Decimal	100, 116, 245	`rgb(100,116,245)`
RGB Percent	39.2, 45.5, 96.1	`rgb(39.2%,45.5%,96.1%)`
CMYK	59, 53, 0, 4
HSL	233.4°, 87.9, 67.6	`hsl(233.4,87.9%,67.6%)`
HSV (or HSB)	233.4°, 59.2, 96.1
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.805, 31.726, -66.725
XYZ	27.979, 21.791, 89.113
xyY	0.201, 0.157, 21.791
CIE-LCH	53.805, 73.884, 295.43
CIE-LUV	53.805, -12.566, -107.104
Hunter-Lab	46.681, 25.294, -80.506
Binary	01100100, 01110100, 11110101

#6474f5
```
#6474f5 rgb(100,116,245)
```
#f5e564
```
#f5e564 rgb(245,229,100)
```

Complementary Color

#64bdf5
```
#64bdf5 rgb(100,189,245)
```
#6474f5
```
#6474f5 rgb(100,116,245)
```
#9d64f5
```
#9d64f5 rgb(157,100,245)
```

Analogous Color

#bdf564
```
#bdf564 rgb(189,245,100)
```
#6474f5
```
#6474f5 rgb(100,116,245)
```
#f59d64
```
#f59d64 rgb(245,157,100)
```

Split Complementary Color

#74f564
```
#74f564 rgb(116,245,100)
```
#6474f5
```
#6474f5 rgb(100,116,245)
```
#f56474
```
#f56474 rgb(245,100,116)
```

Triadic Color

#64f5e5
```
#64f5e5 rgb(100,245,229)
```
#6474f5
```
#6474f5 rgb(100,116,245)
```
#f56474
```
#f56474 rgb(245,100,116)
```
#f5e564
```
#f5e564 rgb(245,229,100)
```

Tetradic Color

#1c34f0
```
#1c34f0 rgb(28,52,240)
```
#3449f2
```
#3449f2 rgb(52,73,242)
```
#4c5ff3
```
#4c5ff3 rgb(76,95,243)
```
#6474f5
```
#6474f5 rgb(100,116,245)
```
#7c89f7
```
#7c89f7 rgb(124,137,247)
```
#949ff8
```
#949ff8 rgb(148,159,248)
```
#acb4fa
```
#acb4fa rgb(172,180,250)
```

Monochromatic Color

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

#6498f5
```
#6498f5 rgb(100,152,245)
```
#648cf5
```
#648cf5 rgb(100,140,245)
```
#6480f5
```
#6480f5 rgb(100,128,245)
```
#6474f5
```
#6474f5 rgb(100,116,245)
```
#6468f5
```
#6468f5 rgb(100,104,245)
```
#6c64f5
```
#6c64f5 rgb(108,100,245)
```
#7864f5
```
#7864f5 rgb(120,100,245)
```

Similar Colors

Text with hexadecimal color #6474f5

This text has a font color of #6474f5.

<span style="color:#6474f5;">Text here</span>

#6474f5 background color

This paragraph has a background color of #6474f5.

<p style="background-color:#6474f5;">Content here</p>

#6474f5 border color

This element has a border color of #6474f5.

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

CSS codes

.text {color:#6474f5;}

.background {background-color:#6474f5;}

.border {border:1px solid #6474f5;}

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

#01020b
```
#01020b rgb(1,2,11)
```
#02051d
```
#02051d rgb(2,5,29)
```
#030830
```
#030830 rgb(3,8,48)
```
#040b42
```
#040b42 rgb(4,11,66)
```
#050e55
```
#050e55 rgb(5,14,85)
```
#071167
```
#071167 rgb(7,17,103)
```
#081479
```
#081479 rgb(8,20,121)
```
#09178c
```
#09178c rgb(9,23,140)
```
#0a1b9e
```
#0a1b9e rgb(10,27,158)
```
#0b1eb1
```
#0b1eb1 rgb(11,30,177)
```
#0d21c3
```
#0d21c3 rgb(13,33,195)
```
#0e24d6
```
#0e24d6 rgb(14,36,214)
```
#0f27e8
```
#0f27e8 rgb(15,39,232)
```

Shade Color Variation

#1a32f0
```
#1a32f0 rgb(26,50,240)
```
#2d42f1
```
#2d42f1 rgb(45,66,241)
```
#3f53f3
```
#3f53f3 rgb(63,83,243)
```
#5263f4
```
#5263f4 rgb(82,99,244)
```
#6474f5
```
#6474f5 rgb(100,116,245)
```
#7685f6
```
#7685f6 rgb(118,133,246)
```
#8995f7
```
#8995f7 rgb(137,149,247)
```
#9ba6f9
```
#9ba6f9 rgb(155,166,249)
```
#aeb6fa
```
#aeb6fa rgb(174,182,250)
```
#c0c7fb
```
#c0c7fb rgb(192,199,251)
```
#d3d7fc
```
#d3d7fc rgb(211,215,252)
```
#e5e8fd
```
#e5e8fd rgb(229,232,253)
```
#f7f8ff
```
#f7f8ff rgb(247,248,255)
```

Tint Color Variation

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

#aaaaaf
```
#aaaaaf rgb(170,170,175)
```
#a3a5b6
```
#a3a5b6 rgb(163,165,182)
```
#9da1bc
```
#9da1bc rgb(157,161,188)
```
#979cc2
```
#979cc2 rgb(151,156,194)
```
#9097c9
```
#9097c9 rgb(144,151,201)
```
#8a92cf
```
#8a92cf rgb(138,146,207)
```
#848dd5
```
#848dd5 rgb(132,141,213)
```
#7d88dc
```
#7d88dc rgb(125,136,220)
```
#7783e2
```
#7783e2 rgb(119,131,226)
```
#717ee8
```
#717ee8 rgb(113,126,232)
```
#6a79ef
```
#6a79ef rgb(106,121,239)
```
#6474f5
```
#6474f5 rgb(100,116,245)
```
#5e6ffb
```
#5e6ffb rgb(94,111,251)
```

Tone Color Variation

Below, you can see how #6474f5 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

#7e7e7e Achromatopsia 0.005% of the population
#797c96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2883fc Protanopia 1% of men
#0089e3 Deuteranopia 1% of men
#34929d Tritanopia 0.001% of the population

Trichromacy

#3d7df9 Protanomaly 1% of men, 0.01% of women
#2481e9 Deuteranomaly 6% of men, 0.4% of women
#4587bd Tritanomaly 0.01% of the population