#5f53f3 hex color

In a RGB color space, hex #5f53f3 is composed of 37.3% red, 32.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 60.9% cyan, 65.8% magenta, 0% yellow and 4.7% black. It has a hue angle of 244.5 degrees, a saturation of 87% and a lightness of 63.9%. #5f53f3 color hex could be obtained by blending #bea6ff with #0000e7. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 37
- G 33
- B 95
RGB color chart
- C 61
- M 66
- Y 0
- K 5
CMYK color chart

● #5f53f3 color description : Soft blue.

The hexadecimal color #5f53f3 has RGB values of R:95, G:83, B:243 and CMYK values of C:0.61, M:0.66, Y:0, K:0.05. Its decimal value is 6247411.

Hex triplet	5f53f3	`#5f53f3`
RGB Decimal	95, 83, 243	`rgb(95,83,243)`
RGB Percent	37.3, 32.5, 95.3	`rgb(37.3%,32.5%,95.3%)`
CMYK	61, 66, 0, 5
HSL	244.5°, 87, 63.9	`hsl(244.5,87%,63.9%)`
HSV (or HSB)	244.5°, 65.8, 95.3
Web Safe	6666ff	`#6666ff`

CIE-LAB	45.756, 49.781, -78.71
XYZ	23.987, 15.089, 86.438
xyY	0.191, 0.12, 15.089
CIE-LCH	45.756, 93.132, 302.312
CIE-LUV	45.756, -5.695, -120.076
Hunter-Lab	38.845, 42.246, -104.74
Binary	01011111, 01010011, 11110011

#5f53f3
```
#5f53f3 rgb(95,83,243)
```
#e7f353
```
#e7f353 rgb(231,243,83)
```

Complementary Color

#5397f3
```
#5397f3 rgb(83,151,243)
```
#5f53f3
```
#5f53f3 rgb(95,83,243)
```
#af53f3
```
#af53f3 rgb(175,83,243)
```

Analogous Color

#97f353
```
#97f353 rgb(151,243,83)
```
#5f53f3
```
#5f53f3 rgb(95,83,243)
```
#f3af53
```
#f3af53 rgb(243,175,83)
```

Split Complementary Color

#53f35f
```
#53f35f rgb(83,243,95)
```
#5f53f3
```
#5f53f3 rgb(95,83,243)
```
#f35f53
```
#f35f53 rgb(243,95,83)
```

Triadic Color

#53e7f3
```
#53e7f3 rgb(83,231,243)
```
#5f53f3
```
#5f53f3 rgb(95,83,243)
```
#f35f53
```
#f35f53 rgb(243,95,83)
```
#e7f353
```
#e7f353 rgb(231,243,83)
```

Tetradic Color

#2110e9
```
#2110e9 rgb(33,16,233)
```
#3323f0
```
#3323f0 rgb(51,35,240)
```
#493bf1
```
#493bf1 rgb(73,59,241)
```
#5f53f3
```
#5f53f3 rgb(95,83,243)
```
#756bf5
```
#756bf5 rgb(117,107,245)
```
#8b83f6
```
#8b83f6 rgb(139,131,246)
```
#a29bf8
```
#a29bf8 rgb(162,155,248)
```

Monochromatic Color

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

#536ff3
```
#536ff3 rgb(83,111,243)
```
#5362f3
```
#5362f3 rgb(83,98,243)
```
#5354f3
```
#5354f3 rgb(83,84,243)
```
#5f53f3
```
#5f53f3 rgb(95,83,243)
```
#6c53f3
```
#6c53f3 rgb(108,83,243)
```
#7a53f3
```
#7a53f3 rgb(122,83,243)
```
#8753f3
```
#8753f3 rgb(135,83,243)
```

Similar Colors

Text with hexadecimal color #5f53f3

This text has a font color of #5f53f3.

<span style="color:#5f53f3;">Text here</span>

#5f53f3 background color

This paragraph has a background color of #5f53f3.

<p style="background-color:#5f53f3;">Content here</p>

#5f53f3 border color

This element has a border color of #5f53f3.

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

CSS codes

.text {color:#5f53f3;}

.background {background-color:#5f53f3;}

.border {border:1px solid #5f53f3;}

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

#02010b
```
#02010b rgb(2,1,11)
```
#04021e
```
#04021e rgb(4,2,30)
```
#070330
```
#070330 rgb(7,3,48)
```
#090542
```
#090542 rgb(9,5,66)
```
#0c0655
```
#0c0655 rgb(12,6,85)
```
#0e0767
```
#0e0767 rgb(14,7,103)
```
#110879
```
#110879 rgb(17,8,121)
```
#130a8c
```
#130a8c rgb(19,10,140)
```
#160b9e
```
#160b9e rgb(22,11,158)
```
#190cb0
```
#190cb0 rgb(25,12,176)
```
#1b0ec3
```
#1b0ec3 rgb(27,14,195)
```
#1e0fd5
```
#1e0fd5 rgb(30,15,213)
```
#2010e7
```
#2010e7 rgb(32,16,231)
```

Shade Color Variation

#2c1cef
```
#2c1cef rgb(44,28,239)
```
#3d2ef0
```
#3d2ef0 rgb(61,46,240)
```
#4e41f2
```
#4e41f2 rgb(78,65,242)
```
#5f53f3
```
#5f53f3 rgb(95,83,243)
```
#7065f4
```
#7065f4 rgb(112,101,244)
```
#8178f6
```
#8178f6 rgb(129,120,246)
```
#928af7
```
#928af7 rgb(146,138,247)
```
#a39cf8
```
#a39cf8 rgb(163,156,248)
```
#b4aff9
```
#b4aff9 rgb(180,175,249)
```
#c5c1fb
```
#c5c1fb rgb(197,193,251)
```
#d6d3fc
```
#d6d3fc rgb(214,211,252)
```
#e7e6fd
```
#e7e6fd rgb(231,230,253)
```
#f9f8ff
```
#f9f8ff rgb(249,248,255)
```

Tint Color Variation

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

#a1a1a5
```
#a1a1a5 rgb(161,161,165)
```
#9b9aac
```
#9b9aac rgb(155,154,172)
```
#9593b3
```
#9593b3 rgb(149,147,179)
```
#8f8cba
```
#8f8cba rgb(143,140,186)
```
#8985c1
```
#8985c1 rgb(137,133,193)
```
#837dc9
```
#837dc9 rgb(131,125,201)
```
#7d76d0
```
#7d76d0 rgb(125,118,208)
```
#776fd7
```
#776fd7 rgb(119,111,215)
```
#7168de
```
#7168de rgb(113,104,222)
```
#6b61e5
```
#6b61e5 rgb(107,97,229)
```
#655aec
```
#655aec rgb(101,90,236)
```
#5f53f3
```
#5f53f3 rgb(95,83,243)
```
#594cfa
```
#594cfa rgb(89,76,250)
```

Tone Color Variation

Below, you can see how #5f53f3 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

#696969 Achromatopsia 0.005% of the population
#676585 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#0076bf Deuteranopia 1% of men
#007f88 Tritanopia 0.001% of the population

Trichromacy

#2265e4 Protanomaly 1% of men, 0.01% of women
#2269d2 Deuteranomaly 6% of men, 0.4% of women
#226faf Tritanomaly 0.01% of the population

#5f53f3 hex color

#5f53f3 Color Information

#5f53f3 Color Conversion

Color Schemes with #5f53f3

Alternatives to #5f53f3

#5f53f3 Preview

Shades and Tints of #5f53f3

Tones of #5f53f3

Color Blindness Simulator