#3020ff hex color

In a RGB color space, hex #3020ff is composed of 18.8% red, 12.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 87.5% magenta, 0% yellow and 0% black. It has a hue angle of 244.3 degrees, a saturation of 100% and a lightness of 56.3%. #3020ff color hex could be obtained by blending #6040ff with #0000ff. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 19
- G 13
- B 100
RGB color chart
- C 81
- M 87
- Y 0
- K 0
CMYK color chart

● #3020ff color description : Vivid blue.

The hexadecimal color #3020ff has RGB values of R:48, G:32, B:255 and CMYK values of C:0.81, M:0.87, Y:0, K:0. Its decimal value is 3154175.

Hex triplet	3020ff	`#3020ff`
RGB Decimal	48, 32, 255	`rgb(48,32,255)`
RGB Percent	18.8, 12.5, 100	`rgb(18.8%,12.5%,100%)`
CMYK	81, 87, 0, 0
HSL	244.3°, 100, 56.3	`hsl(244.3,100%,56.3%)`
HSV (or HSB)	244.3°, 87.5, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.752, 73.24, -102.066
XYZ	19.782, 8.88, 95.274
xyY	0.16, 0.072, 8.88
CIE-LCH	35.752, 125.624, 305.662
CIE-LUV	35.752, -8.14, -133.022
Hunter-Lab	29.799, 66.345, -168.7
Binary	00110000, 00100000, 11111111

#3020ff
```
#3020ff rgb(48,32,255)
```
#efff20
```
#efff20 rgb(239,255,32)
```

Complementary Color

#2080ff
```
#2080ff rgb(32,128,255)
```
#3020ff
```
#3020ff rgb(48,32,255)
```
#a020ff
```
#a020ff rgb(160,32,255)
```

Analogous Color

#80ff20
```
#80ff20 rgb(128,255,32)
```
#3020ff
```
#3020ff rgb(48,32,255)
```
#ffa020
```
#ffa020 rgb(255,160,32)
```

Split Complementary Color

#20ff30
```
#20ff30 rgb(32,255,48)
```
#3020ff
```
#3020ff rgb(48,32,255)
```
#ff3020
```
#ff3020 rgb(255,48,32)
```

Triadic Color

#20efff
```
#20efff rgb(32,239,255)
```
#3020ff
```
#3020ff rgb(48,32,255)
```
#ff3020
```
#ff3020 rgb(255,48,32)
```
#efff20
```
#efff20 rgb(239,255,32)
```

Tetradic Color

#0f00d3
```
#0f00d3 rgb(15,0,211)
```
#1100ec
```
#1100ec rgb(17,0,236)
```
#1806ff
```
#1806ff rgb(24,6,255)
```
#3020ff
```
#3020ff rgb(48,32,255)
```
#483aff
```
#483aff rgb(72,58,255)
```
#5f53ff
```
#5f53ff rgb(95,83,255)
```
#776dff
```
#776dff rgb(119,109,255)
```

Monochromatic Color

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

#2048ff
```
#2048ff rgb(32,72,255)
```
#2035ff
```
#2035ff rgb(32,53,255)
```
#2023ff
```
#2023ff rgb(32,35,255)
```
#3020ff
```
#3020ff rgb(48,32,255)
```
#4320ff
```
#4320ff rgb(67,32,255)
```
#5520ff
```
#5520ff rgb(85,32,255)
```
#6820ff
```
#6820ff rgb(104,32,255)
```

Similar Colors

Text with hexadecimal color #3020ff

This text has a font color of #3020ff.

<span style="color:#3020ff;">Text here</span>

#3020ff background color

This paragraph has a background color of #3020ff.

<p style="background-color:#3020ff;">Content here</p>

#3020ff border color

This element has a border color of #3020ff.

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

CSS codes

.text {color:#3020ff;}

.background {background-color:#3020ff;}

.border {border:1px solid #3020ff;}

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, #01000c is the darkest color, while #f8f8ff is the lightest one.

#01000c
```
#01000c rgb(1,0,12)
```
#020020
```
#020020 rgb(2,0,32)
```
#040034
```
#040034 rgb(4,0,52)
```
#050047
```
#050047 rgb(5,0,71)
```
#07005b
```
#07005b rgb(7,0,91)
```
#08006e
```
#08006e rgb(8,0,110)
```
#090082
```
#090082 rgb(9,0,130)
```
#0b0096
```
#0b0096 rgb(11,0,150)
```
#0c00a9
```
#0c00a9 rgb(12,0,169)
```
#0e00bd
```
#0e00bd rgb(14,0,189)
```
#0f00d1
```
#0f00d1 rgb(15,0,209)
```
#1000e4
```
#1000e4 rgb(16,0,228)
```
#1200f8
```
#1200f8 rgb(18,0,248)
```

Shade Color Variation

#1e0cff
```
#1e0cff rgb(30,12,255)
```
#3020ff
```
#3020ff rgb(48,32,255)
```
#4234ff
```
#4234ff rgb(66,52,255)
```
#5447ff
```
#5447ff rgb(84,71,255)
```
#675bff
```
#675bff rgb(103,91,255)
```
#796eff
```
#796eff rgb(121,110,255)
```
#8b82ff
```
#8b82ff rgb(139,130,255)
```
#9d96ff
```
#9d96ff rgb(157,150,255)
```
#afa9ff
```
#afa9ff rgb(175,169,255)
```
#c2bdff
```
#c2bdff rgb(194,189,255)
```
#d4d1ff
```
#d4d1ff rgb(212,209,255)
```
#e6e4ff
```
#e6e4ff rgb(230,228,255)
```
#f8f8ff
```
#f8f8ff rgb(248,248,255)
```

Tint Color Variation

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

#888798
```
#888798 rgb(136,135,152)
```
#817ea1
```
#817ea1 rgb(129,126,161)
```
#7976a9
```
#7976a9 rgb(121,118,169)
```
#726db2
```
#726db2 rgb(114,109,178)
```
#6b65ba
```
#6b65ba rgb(107,101,186)
```
#635cc3
```
#635cc3 rgb(99,92,195)
```
#5c53cc
```
#5c53cc rgb(92,83,204)
```
#554bd4
```
#554bd4 rgb(85,75,212)
```
#4d42dd
```
#4d42dd rgb(77,66,221)
```
#463ae5
```
#463ae5 rgb(70,58,229)
```
#3f31ee
```
#3f31ee rgb(63,49,238)
```
#3729f6
```
#3729f6 rgb(55,41,246)
```
#3020ff
```
#3020ff rgb(48,32,255)
```

Tone Color Variation

Below, you can see how #3020ff 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

#3e3e3e Achromatopsia 0.005% of the population
#3b3865 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#005f97 Deuteranopia 1% of men
#00666a Tritanopia 0.001% of the population

Trichromacy

#1145cc Protanomaly 1% of men, 0.01% of women
#1148bc Deuteranomaly 6% of men, 0.4% of women
#114ca0 Tritanomaly 0.01% of the population

#3020ff hex color

#3020ff Color Information

#3020ff Color Conversion

Color Schemes with #3020ff

Alternatives to #3020ff

#3020ff Preview

Shades and Tints of #3020ff

Tones of #3020ff

Color Blindness Simulator