#6270e5 hex color

In a RGB color space, hex #6270e5 is composed of 38.4% red, 43.9% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 57.2% cyan, 51.1% magenta, 0% yellow and 10.2% black. It has a hue angle of 233.6 degrees, a saturation of 71.6% and a lightness of 64.1%. #6270e5 color hex could be obtained by blending #c4e0ff with #0000cb. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 38
- G 44
- B 90
RGB color chart
- C 57
- M 51
- Y 0
- K 10
CMYK color chart

● #6270e5 color description : Soft blue.

The hexadecimal color #6270e5 has RGB values of R:98, G:112, B:229 and CMYK values of C:0.57, M:0.51, Y:0, K:0.1. Its decimal value is 6451429.

Hex triplet	6270e5	`#6270e5`
RGB Decimal	98, 112, 229	`rgb(98,112,229)`
RGB Percent	38.4, 43.9, 89.8	`rgb(38.4%,43.9%,89.8%)`
CMYK	57, 51, 0, 10
HSL	233.6°, 71.6, 64.1	`hsl(233.6,71.6%,64.1%)`
HSV (or HSB)	233.6°, 57.2, 89.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.657, 28.611, -61.257
XYZ	24.971, 19.841, 76.638
xyY	0.206, 0.163, 19.841
CIE-LCH	51.657, 67.609, 295.036
CIE-LUV	51.657, -11.452, -97.464
Hunter-Lab	44.543, 22.117, -70.83
Binary	01100010, 01110000, 11100101

#6270e5
```
#6270e5 rgb(98,112,229)
```
#e5d762
```
#e5d762 rgb(229,215,98)
```

Complementary Color

#62b2e5
```
#62b2e5 rgb(98,178,229)
```
#6270e5
```
#6270e5 rgb(98,112,229)
```
#9662e5
```
#9662e5 rgb(150,98,229)
```

Analogous Color

#b2e562
```
#b2e562 rgb(178,229,98)
```
#6270e5
```
#6270e5 rgb(98,112,229)
```
#e59662
```
#e59662 rgb(229,150,98)
```

Split Complementary Color

#70e562
```
#70e562 rgb(112,229,98)
```
#6270e5
```
#6270e5 rgb(98,112,229)
```
#e56270
```
#e56270 rgb(229,98,112)
```

Triadic Color

#62e5d7
```
#62e5d7 rgb(98,229,215)
```
#6270e5
```
#6270e5 rgb(98,112,229)
```
#e56270
```
#e56270 rgb(229,98,112)
```
#e5d762
```
#e5d762 rgb(229,215,98)
```

Tetradic Color

#2437d7
```
#2437d7 rgb(36,55,215)
```
#3648de
```
#3648de rgb(54,72,222)
```
#4c5ce1
```
#4c5ce1 rgb(76,92,225)
```
#6270e5
```
#6270e5 rgb(98,112,229)
```
#7884e9
```
#7884e9 rgb(120,132,233)
```
#8e98ec
```
#8e98ec rgb(142,152,236)
```
#a4acf0
```
#a4acf0 rgb(164,172,240)
```

Monochromatic Color

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

#6291e5
```
#6291e5 rgb(98,145,229)
```
#6286e5
```
#6286e5 rgb(98,134,229)
```
#627be5
```
#627be5 rgb(98,123,229)
```
#6270e5
```
#6270e5 rgb(98,112,229)
```
#6265e5
```
#6265e5 rgb(98,101,229)
```
#6a62e5
```
#6a62e5 rgb(106,98,229)
```
#7562e5
```
#7562e5 rgb(117,98,229)
```

Similar Colors

Text with hexadecimal color #6270e5

This text has a font color of #6270e5.

<span style="color:#6270e5;">Text here</span>

#6270e5 background color

This paragraph has a background color of #6270e5.

<p style="background-color:#6270e5;">Content here</p>

#6270e5 border color

This element has a border color of #6270e5.

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

CSS codes

.text {color:#6270e5;}

.background {background-color:#6270e5;}

.border {border:1px solid #6270e5;}

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

#02030b
```
#02030b rgb(2,3,11)
```
#05071c
```
#05071c rgb(5,7,28)
```
#070b2d
```
#070b2d rgb(7,11,45)
```
#0a103e
```
#0a103e rgb(10,16,62)
```
#0d144f
```
#0d144f rgb(13,20,79)
```
#10185f
```
#10185f rgb(16,24,95)
```
#131d70
```
#131d70 rgb(19,29,112)
```
#152181
```
#152181 rgb(21,33,129)
```
#182592
```
#182592 rgb(24,37,146)
```
#1b29a3
```
#1b29a3 rgb(27,41,163)
```
#1e2eb4
```
#1e2eb4 rgb(30,46,180)
```
#2132c4
```
#2132c4 rgb(33,50,196)
```
#2336d5
```
#2336d5 rgb(35,54,213)
```

Shade Color Variation

#3042dd
```
#3042dd rgb(48,66,221)
```
#4051df
```
#4051df rgb(64,81,223)
```
#5161e2
```
#5161e2 rgb(81,97,226)
```
#6270e5
```
#6270e5 rgb(98,112,229)
```
#737fe8
```
#737fe8 rgb(115,127,232)
```
#848feb
```
#848feb rgb(132,143,235)
```
#949eed
```
#949eed rgb(148,158,237)
```
#a5adf0
```
#a5adf0 rgb(165,173,240)
```
#b6bdf3
```
#b6bdf3 rgb(182,189,243)
```
#c7ccf6
```
#c7ccf6 rgb(199,204,246)
```
#d8dbf9
```
#d8dbf9 rgb(216,219,249)
```
#e9ebfb
```
#e9ebfb rgb(233,235,251)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

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

#a1a2a6
```
#a1a2a6 rgb(161,162,166)
```
#9a9cad
```
#9a9cad rgb(154,156,173)
```
#9397b4
```
#9397b4 rgb(147,151,180)
```
#8c91bb
```
#8c91bb rgb(140,145,187)
```
#858cc2
```
#858cc2 rgb(133,140,194)
```
#7e86c9
```
#7e86c9 rgb(126,134,201)
```
#7781d0
```
#7781d0 rgb(119,129,208)
```
#707bd7
```
#707bd7 rgb(112,123,215)
```
#6976de
```
#6976de rgb(105,118,222)
```
#6270e5
```
#6270e5 rgb(98,112,229)
```
#5b6aec
```
#5b6aec rgb(91,106,236)
```
#5465f3
```
#5465f3 rgb(84,101,243)
```
#4d5ffa
```
#4d5ffa rgb(77,95,250)
```

Tone Color Variation

Below, you can see how #6270e5 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

#797979 Achromatopsia 0.005% of the population
#74778f Atypical Achromatopsia 0.001% of the population

Dichromacy

#387eec Protanopia 1% of men
#0084db Deuteranopia 1% of men
#3e8c96 Tritanopia 0.001% of the population

Trichromacy

#4779e9 Protanomaly 1% of men, 0.01% of women
#237cdf Deuteranomaly 6% of men, 0.4% of women
#4b82b3 Tritanomaly 0.01% of the population

#6270e5 hex color

#6270e5 Color Information

#6270e5 Color Conversion

Color Schemes with #6270e5

Alternatives to #6270e5

#6270e5 Preview

Shades and Tints of #6270e5

Tones of #6270e5

Color Blindness Simulator