#6493f2 hex color

In a RGB color space, hex #6493f2 is composed of 39.2% red, 57.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 39.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 220.1 degrees, a saturation of 84.5% and a lightness of 67.1%. #6493f2 color hex could be obtained by blending #c8ffff with #0027e5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 39
- G 58
- B 95
RGB color chart
- C 59
- M 39
- Y 0
- K 5
CMYK color chart

● #6493f2 color description : Soft blue.

The hexadecimal color #6493f2 has RGB values of R:100, G:147, B:242 and CMYK values of C:0.59, M:0.39, Y:0, K:0.05. Its decimal value is 6591474.

Hex triplet	6493f2	`#6493f2`
RGB Decimal	100, 147, 242	`rgb(100,147,242)`
RGB Percent	39.2, 57.6, 94.9	`rgb(39.2%,57.6%,94.9%)`
CMYK	59, 39, 0, 5
HSL	220.1°, 84.5, 67.1	`hsl(220.1,84.5%,67.1%)`
HSV (or HSB)	220.1°, 58.7, 94.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	61.642, 12.128, -52.513
XYZ	31.713, 29.986, 88.116
xyY	0.212, 0.2, 29.986
CIE-LCH	61.642, 53.895, 283.005
CIE-LUV	61.642, -22.248, -85.346
Hunter-Lab	54.759, 7.546, -57.075
Binary	01100100, 10010011, 11110010

#6493f2
```
#6493f2 rgb(100,147,242)
```
#f2c364
```
#f2c364 rgb(242,195,100)
```

Complementary Color

#64daf2
```
#64daf2 rgb(100,218,242)
```
#6493f2
```
#6493f2 rgb(100,147,242)
```
#7c64f2
```
#7c64f2 rgb(124,100,242)
```

Analogous Color

#daf264
```
#daf264 rgb(218,242,100)
```
#6493f2
```
#6493f2 rgb(100,147,242)
```
#f27c64
```
#f27c64 rgb(242,124,100)
```

Split Complementary Color

#93f264
```
#93f264 rgb(147,242,100)
```
#6493f2
```
#6493f2 rgb(100,147,242)
```
#f26493
```
#f26493 rgb(242,100,147)
```

Triadic Color

#64f2c3
```
#64f2c3 rgb(100,242,195)
```
#6493f2
```
#6493f2 rgb(100,147,242)
```
#f26493
```
#f26493 rgb(242,100,147)
```
#f2c364
```
#f2c364 rgb(242,195,100)
```

Tetradic Color

#1d62ec
```
#1d62ec rgb(29,98,236)
```
#3572ee
```
#3572ee rgb(53,114,238)
```
#4c83f0
```
#4c83f0 rgb(76,131,240)
```
#6493f2
```
#6493f2 rgb(100,147,242)
```
#7ca3f4
```
#7ca3f4 rgb(124,163,244)
```
#93b4f6
```
#93b4f6 rgb(147,180,246)
```
#abc4f8
```
#abc4f8 rgb(171,196,248)
```

Monochromatic Color

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

#64b7f2
```
#64b7f2 rgb(100,183,242)
```
#64abf2
```
#64abf2 rgb(100,171,242)
```
#649ff2
```
#649ff2 rgb(100,159,242)
```
#6493f2
```
#6493f2 rgb(100,147,242)
```
#6487f2
```
#6487f2 rgb(100,135,242)
```
#647bf2
```
#647bf2 rgb(100,123,242)
```
#6470f2
```
#6470f2 rgb(100,112,242)
```

Similar Colors

Text with hexadecimal color #6493f2

This text has a font color of #6493f2.

<span style="color:#6493f2;">Text here</span>

#6493f2 background color

This paragraph has a background color of #6493f2.

<p style="background-color:#6493f2;">Content here</p>

#6493f2 border color

This element has a border color of #6493f2.

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

CSS codes

.text {color:#6493f2;}

.background {background-color:#6493f2;}

.border {border:1px solid #6493f2;}

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

#010308
```
#010308 rgb(1,3,8)
```
#020a1a
```
#020a1a rgb(2,10,26)
```
#04112c
```
#04112c rgb(4,17,44)
```
#05183e
```
#05183e rgb(5,24,62)
```
#071f50
```
#071f50 rgb(7,31,80)
```
#082662
```
#082662 rgb(8,38,98)
```
#0a2d74
```
#0a2d74 rgb(10,45,116)
```
#0b3487
```
#0b3487 rgb(11,52,135)
```
#0d3b99
```
#0d3b99 rgb(13,59,153)
```
#0e42ab
```
#0e42ab rgb(14,66,171)
```
#1049bd
```
#1049bd rgb(16,73,189)
```
#1150cf
```
#1150cf rgb(17,80,207)
```
#1357e1
```
#1357e1 rgb(19,87,225)
```

Shade Color Variation

#1c61ec
```
#1c61ec rgb(28,97,236)
```
#2e6ded
```
#2e6ded rgb(46,109,237)
```
#407aef
```
#407aef rgb(64,122,239)
```
#5286f0
```
#5286f0 rgb(82,134,240)
```
#6493f2
```
#6493f2 rgb(100,147,242)
```
#76a0f4
```
#76a0f4 rgb(118,160,244)
```
#88acf5
```
#88acf5 rgb(136,172,245)
```
#9ab9f7
```
#9ab9f7 rgb(154,185,247)
```
#acc5f8
```
#acc5f8 rgb(172,197,248)
```
#bed2fa
```
#bed2fa rgb(190,210,250)
```
#d1dffb
```
#d1dffb rgb(209,223,251)
```
#e3ebfd
```
#e3ebfd rgb(227,235,253)
```
#f5f8fe
```
#f5f8fe rgb(245,248,254)
```

Tint Color Variation

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

#a5a9b1
```
#a5a9b1 rgb(165,169,177)
```
#9ea7b8
```
#9ea7b8 rgb(158,167,184)
```
#98a4be
```
#98a4be rgb(152,164,190)
```
#91a2c5
```
#91a2c5 rgb(145,162,197)
```
#8ba0cb
```
#8ba0cb rgb(139,160,203)
```
#849ed2
```
#849ed2 rgb(132,158,210)
```
#7e9cd8
```
#7e9cd8 rgb(126,156,216)
```
#779adf
```
#779adf rgb(119,154,223)
```
#7197e5
```
#7197e5 rgb(113,151,229)
```
#6a95ec
```
#6a95ec rgb(106,149,236)
```
#6493f2
```
#6493f2 rgb(100,147,242)
```
#5e91f8
```
#5e91f8 rgb(94,145,248)
```
#578fff
```
#578fff rgb(87,143,255)
```

Tone Color Variation

Below, you can see how #6493f2 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

#909090 Achromatopsia 0.005% of the population
#8791a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7397f1 Protanopia 1% of men
#5d9bf1 Deuteranopia 1% of men
#47a6b3 Tritanopia 0.001% of the population

Trichromacy

#6d95f1 Protanomaly 1% of men, 0.01% of women
#6098f1 Deuteranomaly 6% of men, 0.4% of women
#519fca Tritanomaly 0.01% of the population

#6493f2 hex color

#6493f2 Color Information

#6493f2 Color Conversion

Color Schemes with #6493f2

Alternatives to #6493f2

#6493f2 Preview

Shades and Tints of #6493f2

Tones of #6493f2

Color Blindness Simulator