#6474f0 hex color

In a RGB color space, hex #6474f0 is composed of 39.2% red, 45.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 51.7% magenta, 0% yellow and 5.9% black. It has a hue angle of 233.1 degrees, a saturation of 82.4% and a lightness of 66.7%. #6474f0 color hex could be obtained by blending #c8e8ff with #0000e1. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 39
- G 45
- B 94
RGB color chart
- C 58
- M 52
- Y 0
- K 6
CMYK color chart

● #6474f0 color description : Soft blue.

The hexadecimal color #6474f0 has RGB values of R:100, G:116, B:240 and CMYK values of C:0.58, M:0.52, Y:0, K:0.06. Its decimal value is 6583536.

Hex triplet	6474f0	`#6474f0`
RGB Decimal	100, 116, 240	`rgb(100,116,240)`
RGB Percent	39.2, 45.5, 94.1	`rgb(39.2%,45.5%,94.1%)`
CMYK	58, 52, 0, 6
HSL	233.1°, 82.4, 66.7	`hsl(233.1,82.4%,66.7%)`
HSV (or HSB)	233.1°, 58.3, 94.1
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.482, 30.108, -64.464
XYZ	27.226, 21.49, 85.147
xyY	0.203, 0.161, 21.49
CIE-LCH	53.482, 71.149, 295.035
CIE-LUV	53.482, -12.403, -103.356
Hunter-Lab	46.357, 23.708, -76.45
Binary	01100100, 01110100, 11110000

#6474f0
```
#6474f0 rgb(100,116,240)
```
#f0e064
```
#f0e064 rgb(240,224,100)
```

Complementary Color

#64baf0
```
#64baf0 rgb(100,186,240)
```
#6474f0
```
#6474f0 rgb(100,116,240)
```
#9a64f0
```
#9a64f0 rgb(154,100,240)
```

Analogous Color

#baf064
```
#baf064 rgb(186,240,100)
```
#6474f0
```
#6474f0 rgb(100,116,240)
```
#f09a64
```
#f09a64 rgb(240,154,100)
```

Split Complementary Color

#74f064
```
#74f064 rgb(116,240,100)
```
#6474f0
```
#6474f0 rgb(100,116,240)
```
#f06474
```
#f06474 rgb(240,100,116)
```

Triadic Color

#64f0e0
```
#64f0e0 rgb(100,240,224)
```
#6474f0
```
#6474f0 rgb(100,116,240)
```
#f06474
```
#f06474 rgb(240,100,116)
```
#f0e064
```
#f0e064 rgb(240,224,100)
```

Tetradic Color

#1e35e9
```
#1e35e9 rgb(30,53,233)
```
#354aec
```
#354aec rgb(53,74,236)
```
#4d5fee
```
#4d5fee rgb(77,95,238)
```
#6474f0
```
#6474f0 rgb(100,116,240)
```
#7b89f2
```
#7b89f2 rgb(123,137,242)
```
#939ef5
```
#939ef5 rgb(147,158,245)
```
#aab3f7
```
#aab3f7 rgb(170,179,247)
```

Monochromatic Color

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

#6497f0
```
#6497f0 rgb(100,151,240)
```
#648bf0
```
#648bf0 rgb(100,139,240)
```
#6480f0
```
#6480f0 rgb(100,128,240)
```
#6474f0
```
#6474f0 rgb(100,116,240)
```
#6468f0
```
#6468f0 rgb(100,104,240)
```
#6b64f0
```
#6b64f0 rgb(107,100,240)
```
#7764f0
```
#7764f0 rgb(119,100,240)
```

Similar Colors

Text with hexadecimal color #6474f0

This text has a font color of #6474f0.

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

#6474f0 background color

This paragraph has a background color of #6474f0.

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

#6474f0 border color

This element has a border color of #6474f0.

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

CSS codes

.text {color:#6474f0;}

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

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

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

#010106
```
#010106 rgb(1,1,6)
```
#020518
```
#020518 rgb(2,5,24)
```
#04082a
```
#04082a rgb(4,8,42)
```
#060c3c
```
#060c3c rgb(6,12,60)
```
#07104d
```
#07104d rgb(7,16,77)
```
#09135f
```
#09135f rgb(9,19,95)
```
#0b1771
```
#0b1771 rgb(11,23,113)
```
#0d1a83
```
#0d1a83 rgb(13,26,131)
```
#0e1e95
```
#0e1e95 rgb(14,30,149)
```
#1021a7
```
#1021a7 rgb(16,33,167)
```
#1225b9
```
#1225b9 rgb(18,37,185)
```
#1429cb
```
#1429cb rgb(20,41,203)
```
#152cdd
```
#152cdd rgb(21,44,221)
```

Shade Color Variation

#1c34e9
```
#1c34e9 rgb(28,52,233)
```
#2e44eb
```
#2e44eb rgb(46,68,235)
```
#4054ed
```
#4054ed rgb(64,84,237)
```
#5264ee
```
#5264ee rgb(82,100,238)
```
#6474f0
```
#6474f0 rgb(100,116,240)
```
#7684f2
```
#7684f2 rgb(118,132,242)
```
#8894f3
```
#8894f3 rgb(136,148,243)
```
#9aa4f5
```
#9aa4f5 rgb(154,164,245)
```
#acb4f7
```
#acb4f7 rgb(172,180,247)
```
#bdc4f9
```
#bdc4f9 rgb(189,196,249)
```
#cfd4fa
```
#cfd4fa rgb(207,212,250)
```
#e1e4fc
```
#e1e4fc rgb(225,228,252)
```
#f3f4fe
```
#f3f4fe rgb(243,244,254)
```

Tint Color Variation

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

#a5a6af
```
#a5a6af rgb(165,166,175)
```
#9fa1b5
```
#9fa1b5 rgb(159,161,181)
```
#989cbc
```
#989cbc rgb(152,156,188)
```
#9297c2
```
#9297c2 rgb(146,151,194)
```
#8b92c9
```
#8b92c9 rgb(139,146,201)
```
#858dcf
```
#858dcf rgb(133,141,207)
```
#7e88d6
```
#7e88d6 rgb(126,136,214)
```
#7883dc
```
#7883dc rgb(120,131,220)
```
#717ee3
```
#717ee3 rgb(113,126,227)
```
#6b79e9
```
#6b79e9 rgb(107,121,233)
```
#6474f0
```
#6474f0 rgb(100,116,240)
```
#5d6ff7
```
#5d6ff7 rgb(93,111,247)
```
#576afd
```
#576afd rgb(87,106,253)
```

Tone Color Variation

Below, you can see how #6474f0 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
#787b94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3382f7 Protanopia 1% of men
#0088e2 Deuteranopia 1% of men
#39919c Tritanopia 0.001% of the population

Trichromacy

#457df4 Protanomaly 1% of men, 0.01% of women
#2481e7 Deuteranomaly 6% of men, 0.4% of women
#4986ba Tritanomaly 0.01% of the population

#6474f0 hex color

#6474f0 Color Information

#6474f0 Color Conversion

Color Schemes with #6474f0

Alternatives to #6474f0

#6474f0 Preview

Shades and Tints of #6474f0

Tones of #6474f0

Color Blindness Simulator