#5f02cc hex color

In a RGB color space, hex #5f02cc is composed of 37.3% red, 0.8% green and 80% blue. Whereas in a CMYK color space, it is composed of 53.4% cyan, 99% magenta, 0% yellow and 20% black. It has a hue angle of 267.6 degrees, a saturation of 98.1% and a lightness of 40.4%. #5f02cc color hex could be obtained by blending #be04ff with #000099. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 37
- G 1
- B 80
RGB color chart
- C 53
- M 99
- Y 0
- K 20
CMYK color chart

● #5f02cc color description : Strong violet.

The hexadecimal color #5f02cc has RGB values of R:95, G:2, B:204 and CMYK values of C:0.53, M:0.99, Y:0, K:0.2. Its decimal value is 6226636.

Hex triplet	5f02cc	`#5f02cc`
RGB Decimal	95, 2, 204	`rgb(95,2,204)`
RGB Percent	37.3, 0.8, 80	`rgb(37.3%,0.8%,80%)`
CMYK	53, 99, 0, 20
HSL	267.6°, 98.1, 40.4	`hsl(267.6,98.1%,40.4%)`
HSV (or HSB)	267.6°, 99, 80
Web Safe	6600cc	`#6600cc`

CIE-LAB	31.43, 69.541, -79.994
XYZ	15.638, 6.836, 57.619
xyY	0.195, 0.085, 6.836
CIE-LCH	31.43, 105.995, 311.001
CIE-LUV	31.43, 6.985, -104.985
Hunter-Lab	26.145, 61.012, -112.362
Binary	01011111, 00000010, 11001100

#5f02cc
```
#5f02cc rgb(95,2,204)
```
#6fcc02
```
#6fcc02 rgb(111,204,2)
```

Complementary Color

#020acc
```
#020acc rgb(2,10,204)
```
#5f02cc
```
#5f02cc rgb(95,2,204)
```
#c402cc
```
#c402cc rgb(196,2,204)
```

Analogous Color

#0acc02
```
#0acc02 rgb(10,204,2)
```
#5f02cc
```
#5f02cc rgb(95,2,204)
```
#ccc402
```
#ccc402 rgb(204,196,2)
```

Split Complementary Color

#02cc5f
```
#02cc5f rgb(2,204,95)
```
#5f02cc
```
#5f02cc rgb(95,2,204)
```
#cc5f02
```
#cc5f02 rgb(204,95,2)
```

Triadic Color

#026fcc
```
#026fcc rgb(2,111,204)
```
#5f02cc
```
#5f02cc rgb(95,2,204)
```
#cc5f02
```
#cc5f02 rgb(204,95,2)
```
#6fcc02
```
#6fcc02 rgb(111,204,2)
```

Tetradic Color

#3c0180
```
#3c0180 rgb(60,1,128)
```
#470299
```
#470299 rgb(71,2,153)
```
#5302b3
```
#5302b3 rgb(83,2,179)
```
#5f02cc
```
#5f02cc rgb(95,2,204)
```
#6b02e5
```
#6b02e5 rgb(107,2,229)
```
#7704fd
```
#7704fd rgb(119,4,253)
```
#841efd
```
#841efd rgb(132,30,253)
```

Monochromatic Color

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

#2d02cc
```
#2d02cc rgb(45,2,204)
```
#3d02cc
```
#3d02cc rgb(61,2,204)
```
#4e02cc
```
#4e02cc rgb(78,2,204)
```
#5f02cc
```
#5f02cc rgb(95,2,204)
```
#7002cc
```
#7002cc rgb(112,2,204)
```
#8102cc
```
#8102cc rgb(129,2,204)
```
#9202cc
```
#9202cc rgb(146,2,204)
```

Similar Colors

Text with hexadecimal color #5f02cc

This text has a font color of #5f02cc.

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

#5f02cc background color

This paragraph has a background color of #5f02cc.

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

#5f02cc border color

This element has a border color of #5f02cc.

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

CSS codes

.text {color:#5f02cc;}

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

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

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, #05000a is the darkest color, while #faf5ff is the lightest one.

#05000a
```
#05000a rgb(5,0,10)
```
#0e001d
```
#0e001d rgb(14,0,29)
```
#170031
```
#170031 rgb(23,0,49)
```
#200144
```
#200144 rgb(32,1,68)
```
#290157
```
#290157 rgb(41,1,87)
```
#32016b
```
#32016b rgb(50,1,107)
```
#3b017e
```
#3b017e rgb(59,1,126)
```
#440192
```
#440192 rgb(68,1,146)
```
#4d02a5
```
#4d02a5 rgb(77,2,165)
```
#5602b9
```
#5602b9 rgb(86,2,185)
```
#5f02cc
```
#5f02cc rgb(95,2,204)
```
#6802df
```
#6802df rgb(104,2,223)
```
#7102f3
```
#7102f3 rgb(113,2,243)
```

Shade Color Variation

#7b0cfd
```
#7b0cfd rgb(123,12,253)
```
#8520fd
```
#8520fd rgb(133,32,253)
```
#9033fd
```
#9033fd rgb(144,51,253)
```
#9b47fd
```
#9b47fd rgb(155,71,253)
```
#a55afd
```
#a55afd rgb(165,90,253)
```
#b06dfe
```
#b06dfe rgb(176,109,254)
```
#ba81fe
```
#ba81fe rgb(186,129,254)
```
#c594fe
```
#c594fe rgb(197,148,254)
```
#cfa8fe
```
#cfa8fe rgb(207,168,254)
```
#dabbfe
```
#dabbfe rgb(218,187,254)
```
#e5ceff
```
#e5ceff rgb(229,206,255)
```
#efe2ff
```
#efe2ff rgb(239,226,255)
```
#faf5ff
```
#faf5ff rgb(250,245,255)
```

Tint Color Variation

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

#67616d
```
#67616d rgb(103,97,109)
```
#665975
```
#665975 rgb(102,89,117)
```
#65517d
```
#65517d rgb(101,81,125)
```
#654985
```
#654985 rgb(101,73,133)
```
#64418d
```
#64418d rgb(100,65,141)
```
#633995
```
#633995 rgb(99,57,149)
```
#63329c
```
#63329c rgb(99,50,156)
```
#622aa4
```
#622aa4 rgb(98,42,164)
```
#6222ac
```
#6222ac rgb(98,34,172)
```
#611ab4
```
#611ab4 rgb(97,26,180)
```
#6012bc
```
#6012bc rgb(96,18,188)
```
#600ac4
```
#600ac4 rgb(96,10,196)
```
#5f02cc
```
#5f02cc rgb(95,2,204)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#3d2b53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519d Protanopia 1% of men
#005588 Deuteranopia 1% of men
#36585e Tritanopia 0.001% of the population

Trichromacy

#2234ae Protanomaly 1% of men, 0.01% of women
#2237a1 Deuteranomaly 6% of men, 0.4% of women
#453986 Tritanomaly 0.01% of the population

#5f02cc hex color

#5f02cc Color Information

#5f02cc Color Conversion

Color Schemes with #5f02cc

Alternatives to #5f02cc

#5f02cc Preview

Shades and Tints of #5f02cc

Tones of #5f02cc

Color Blindness Simulator