#5f30f3 hex color

In a RGB color space, hex #5f30f3 is composed of 37.3% red, 18.8% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 60.9% cyan, 80.2% magenta, 0% yellow and 4.7% black. It has a hue angle of 254.5 degrees, a saturation of 89% and a lightness of 57.1%. #5f30f3 color hex could be obtained by blending #be60ff with #0000e7. Closest websafe color is: #6633ff.

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

● #5f30f3 color description : Bright blue.

The hexadecimal color #5f30f3 has RGB values of R:95, G:48, B:243 and CMYK values of C:0.61, M:0.8, Y:0, K:0.05. Its decimal value is 6238451.

Hex triplet	5f30f3	`#5f30f3`
RGB Decimal	95, 48, 243	`rgb(95,48,243)`
RGB Percent	37.3, 18.8, 95.3	`rgb(37.3%,18.8%,95.3%)`
CMYK	61, 80, 0, 5
HSL	254.5°, 89, 57.1	`hsl(254.5,89%,57.1%)`
HSV (or HSB)	254.5°, 80.2, 95.3
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.609, 67.072, -88.823
XYZ	21.951, 11.017, 85.759
xyY	0.185, 0.093, 11.017
CIE-LCH	39.609, 111.302, 307.057
CIE-LUV	39.609, -0.154, -126.289
Hunter-Lab	33.192, 59.962, -129.954
Binary	01011111, 00110000, 11110011

#5f30f3
```
#5f30f3 rgb(95,48,243)
```
#c4f330
```
#c4f330 rgb(196,243,48)
```

Complementary Color

#3063f3
```
#3063f3 rgb(48,99,243)
```
#5f30f3
```
#5f30f3 rgb(95,48,243)
```
#c130f3
```
#c130f3 rgb(193,48,243)
```

Analogous Color

#63f330
```
#63f330 rgb(99,243,48)
```
#5f30f3
```
#5f30f3 rgb(95,48,243)
```
#f3c130
```
#f3c130 rgb(243,193,48)
```

Split Complementary Color

#30f35f
```
#30f35f rgb(48,243,95)
```
#5f30f3
```
#5f30f3 rgb(95,48,243)
```
#f35f30
```
#f35f30 rgb(243,95,48)
```

Triadic Color

#30c4f3
```
#30c4f3 rgb(48,196,243)
```
#5f30f3
```
#5f30f3 rgb(95,48,243)
```
#f35f30
```
#f35f30 rgb(243,95,48)
```
#c4f330
```
#c4f330 rgb(196,243,48)
```

Tetradic Color

#3a0ccb
```
#3a0ccb rgb(58,12,203)
```
#410de3
```
#410de3 rgb(65,13,227)
```
#4c18f2
```
#4c18f2 rgb(76,24,242)
```
#5f30f3
```
#5f30f3 rgb(95,48,243)
```
#7248f4
```
#7248f4 rgb(114,72,244)
```
#8460f6
```
#8460f6 rgb(132,96,246)
```
#9778f7
```
#9778f7 rgb(151,120,247)
```

Monochromatic Color

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

#3032f3
```
#3032f3 rgb(48,50,243)
```
#3f30f3
```
#3f30f3 rgb(63,48,243)
```
#4f30f3
```
#4f30f3 rgb(79,48,243)
```
#5f30f3
```
#5f30f3 rgb(95,48,243)
```
#6f30f3
```
#6f30f3 rgb(111,48,243)
```
#8030f3
```
#8030f3 rgb(128,48,243)
```
#9030f3
```
#9030f3 rgb(144,48,243)
```

Similar Colors

Text with hexadecimal color #5f30f3

This text has a font color of #5f30f3.

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

#5f30f3 background color

This paragraph has a background color of #5f30f3.

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

#5f30f3 border color

This element has a border color of #5f30f3.

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

CSS codes

.text {color:#5f30f3;}

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

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

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, #04010f is the darkest color, while #fdfcff is the lightest one.

#04010f
```
#04010f rgb(4,1,15)
```
#0a0222
```
#0a0222 rgb(10,2,34)
```
#0f0335
```
#0f0335 rgb(15,3,53)
```
#140447
```
#140447 rgb(20,4,71)
```
#1a055a
```
#1a055a rgb(26,5,90)
```
#1f066c
```
#1f066c rgb(31,6,108)
```
#24077f
```
#24077f rgb(36,7,127)
```
#290891
```
#290891 rgb(41,8,145)
```
#2f09a4
```
#2f09a4 rgb(47,9,164)
```
#340bb6
```
#340bb6 rgb(52,11,182)
```
#390cc9
```
#390cc9 rgb(57,12,201)
```
#3f0ddb
```
#3f0ddb rgb(63,13,219)
```
#440eee
```
#440eee rgb(68,14,238)
```

Shade Color Variation

#511df2
```
#511df2 rgb(81,29,242)
```
#5f30f3
```
#5f30f3 rgb(95,48,243)
```
#6d43f4
```
#6d43f4 rgb(109,67,244)
```
#7c55f5
```
#7c55f5 rgb(124,85,245)
```
#8a68f6
```
#8a68f6 rgb(138,104,246)
```
#987af7
```
#987af7 rgb(152,122,247)
```
#a78df8
```
#a78df8 rgb(167,141,248)
```
#b59ff9
```
#b59ff9 rgb(181,159,249)
```
#c3b2fb
```
#c3b2fb rgb(195,178,251)
```
#d2c4fc
```
#d2c4fc rgb(210,196,252)
```
#e0d7fd
```
#e0d7fd rgb(224,215,253)
```
#eee9fe
```
#eee9fe rgb(238,233,254)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f8d96 is the less saturated color, while #5b28fb is the most saturated one.

#8f8d96
```
#8f8d96 rgb(143,141,150)
```
#8b849f
```
#8b849f rgb(139,132,159)
```
#867ca7
```
#867ca7 rgb(134,124,167)
```
#8273b0
```
#8273b0 rgb(130,115,176)
```
#7e6bb8
```
#7e6bb8 rgb(126,107,184)
```
#7963c0
```
#7963c0 rgb(121,99,192)
```
#755ac9
```
#755ac9 rgb(117,90,201)
```
#7052d1
```
#7052d1 rgb(112,82,209)
```
#6c49da
```
#6c49da rgb(108,73,218)
```
#6841e2
```
#6841e2 rgb(104,65,226)
```
#6338eb
```
#6338eb rgb(99,56,235)
```
#5f30f3
```
#5f30f3 rgb(95,48,243)
```
#5b28fb
```
#5b28fb rgb(91,40,251)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#564d74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0068a6 Deuteranopia 1% of men
#006f77 Tritanopia 0.001% of the population

Trichromacy

#2250d2 Protanomaly 1% of men, 0.01% of women
#2253c2 Deuteranomaly 6% of men, 0.4% of women
#2258a4 Tritanomaly 0.01% of the population

#5f30f3 hex color

#5f30f3 Color Information

#5f30f3 Color Conversion

Color Schemes with #5f30f3

Alternatives to #5f30f3

#5f30f3 Preview

Shades and Tints of #5f30f3

Tones of #5f30f3

Color Blindness Simulator