#6470ed hex color

In a RGB color space, hex #6470ed is composed of 39.2% red, 43.9% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 57.8% cyan, 52.7% magenta, 0% yellow and 7.1% black. It has a hue angle of 234.7 degrees, a saturation of 79.2% and a lightness of 66.1%. #6470ed color hex could be obtained by blending #c8e0ff with #0000db. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 39
- G 44
- B 93
RGB color chart
- C 58
- M 53
- Y 0
- K 7
CMYK color chart

● #6470ed color description : Soft blue.

The hexadecimal color #6470ed has RGB values of R:100, G:112, B:237 and CMYK values of C:0.58, M:0.53, Y:0, K:0.07. Its decimal value is 6582509.

Hex triplet	6470ed	`#6470ed`
RGB Decimal	100, 112, 237	`rgb(100,112,237)`
RGB Percent	39.2, 43.9, 92.9	`rgb(39.2%,43.9%,92.9%)`
CMYK	58, 53, 0, 7
HSL	234.7°, 79.2, 66.1	`hsl(234.7,79.2%,66.1%)`
HSV (or HSB)	234.7°, 57.8, 92.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.299, 31.563, -64.699
XYZ	26.333, 20.411, 82.668
xyY	0.203, 0.158, 20.411
CIE-LCH	52.299, 71.987, 296.005
CIE-LUV	52.299, -11.145, -103.266
Hunter-Lab	45.178, 24.978, -76.865
Binary	01100100, 01110000, 11101101

#6470ed
```
#6470ed rgb(100,112,237)
```
#ede164
```
#ede164 rgb(237,225,100)
```

Complementary Color

#64b5ed
```
#64b5ed rgb(100,181,237)
```
#6470ed
```
#6470ed rgb(100,112,237)
```
#9d64ed
```
#9d64ed rgb(157,100,237)
```

Analogous Color

#b5ed64
```
#b5ed64 rgb(181,237,100)
```
#6470ed
```
#6470ed rgb(100,112,237)
```
#ed9d64
```
#ed9d64 rgb(237,157,100)
```

Split Complementary Color

#70ed64
```
#70ed64 rgb(112,237,100)
```
#6470ed
```
#6470ed rgb(100,112,237)
```
#ed6470
```
#ed6470 rgb(237,100,112)
```

Triadic Color

#64ede1
```
#64ede1 rgb(100,237,225)
```
#6470ed
```
#6470ed rgb(100,112,237)
```
#ed6470
```
#ed6470 rgb(237,100,112)
```
#ede164
```
#ede164 rgb(237,225,100)
```

Tetradic Color

#1f31e5
```
#1f31e5 rgb(31,49,229)
```
#3646e8
```
#3646e8 rgb(54,70,232)
```
#4d5bea
```
#4d5bea rgb(77,91,234)
```
#6470ed
```
#6470ed rgb(100,112,237)
```
#7b85f0
```
#7b85f0 rgb(123,133,240)
```
#929af2
```
#929af2 rgb(146,154,242)
```
#a9aff5
```
#a9aff5 rgb(169,175,245)
```

Monochromatic Color

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

#6492ed
```
#6492ed rgb(100,146,237)
```
#6487ed
```
#6487ed rgb(100,135,237)
```
#647bed
```
#647bed rgb(100,123,237)
```
#6470ed
```
#6470ed rgb(100,112,237)
```
#6465ed
```
#6465ed rgb(100,101,237)
```
#6f64ed
```
#6f64ed rgb(111,100,237)
```
#7a64ed
```
#7a64ed rgb(122,100,237)
```

Similar Colors

Text with hexadecimal color #6470ed

This text has a font color of #6470ed.

<span style="color:#6470ed;">Text here</span>

#6470ed background color

This paragraph has a background color of #6470ed.

<p style="background-color:#6470ed;">Content here</p>

#6470ed border color

This element has a border color of #6470ed.

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

CSS codes

.text {color:#6470ed;}

.background {background-color:#6470ed;}

.border {border:1px solid #6470ed;}

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

#000103
```
#000103 rgb(0,1,3)
```
#020415
```
#020415 rgb(2,4,21)
```
#040726
```
#040726 rgb(4,7,38)
```
#060b38
```
#060b38 rgb(6,11,56)
```
#090e49
```
#090e49 rgb(9,14,73)
```
#0b125b
```
#0b125b rgb(11,18,91)
```
#0d156d
```
#0d156d rgb(13,21,109)
```
#0f187e
```
#0f187e rgb(15,24,126)
```
#111c90
```
#111c90 rgb(17,28,144)
```
#131fa1
```
#131fa1 rgb(19,31,161)
```
#1523b3
```
#1523b3 rgb(21,35,179)
```
#1726c4
```
#1726c4 rgb(23,38,196)
```
#1929d6
```
#1929d6 rgb(25,41,214)
```

Shade Color Variation

#1e2fe5
```
#1e2fe5 rgb(30,47,229)
```
#2f3fe7
```
#2f3fe7 rgb(47,63,231)
```
#4150e9
```
#4150e9 rgb(65,80,233)
```
#5260eb
```
#5260eb rgb(82,96,235)
```
#6470ed
```
#6470ed rgb(100,112,237)
```
#7680ef
```
#7680ef rgb(118,128,239)
```
#8790f1
```
#8790f1 rgb(135,144,241)
```
#99a1f3
```
#99a1f3 rgb(153,161,243)
```
#aab1f5
```
#aab1f5 rgb(170,177,245)
```
#bcc1f7
```
#bcc1f7 rgb(188,193,247)
```
#cdd1f9
```
#cdd1f9 rgb(205,209,249)
```
#dfe1fb
```
#dfe1fb rgb(223,225,251)
```
#f1f2fd
```
#f1f2fd rgb(241,242,253)
```

Tint Color Variation

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

#a7a7aa
```
#a7a7aa rgb(167,167,170)
```
#a0a1b1
```
#a0a1b1 rgb(160,161,177)
```
#999cb8
```
#999cb8 rgb(153,156,184)
```
#9396be
```
#9396be rgb(147,150,190)
```
#8c91c5
```
#8c91c5 rgb(140,145,197)
```
#858bcc
```
#858bcc rgb(133,139,204)
```
#7f86d2
```
#7f86d2 rgb(127,134,210)
```
#7880d9
```
#7880d9 rgb(120,128,217)
```
#717be0
```
#717be0 rgb(113,123,224)
```
#6b75e6
```
#6b75e6 rgb(107,117,230)
```
#6470ed
```
#6470ed rgb(100,112,237)
```
#5d6bf4
```
#5d6bf4 rgb(93,107,244)
```
#5765fa
```
#5765fa rgb(87,101,250)
```

Tone Color Variation

Below, you can see how #6470ed 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

#7b7b7b Achromatopsia 0.005% of the population
#767992 Atypical Achromatopsia 0.001% of the population

Dichromacy

#287ff5 Protanopia 1% of men
#0085dd Deuteranopia 1% of men
#3b8e98 Tritanopia 0.001% of the population

Trichromacy

#3e79f2 Protanomaly 1% of men, 0.01% of women
#247de3 Deuteranomaly 6% of men, 0.4% of women
#4a83b7 Tritanomaly 0.01% of the population

#6470ed hex color

#6470ed Color Information

#6470ed Color Conversion

Color Schemes with #6470ed

Alternatives to #6470ed

#6470ed Preview

Shades and Tints of #6470ed

Tones of #6470ed

Color Blindness Simulator