#3300cc hex color (#30c)

In a RGB color space, hex #3300cc is composed of 20% red, 0% green and 80% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 100% magenta, 0% yellow and 20% black. It has a hue angle of 255 degrees, a saturation of 100% and a lightness of 40%. #3300cc color hex could be obtained by blending #6600ff with #000099. #3300cc (or #30c) is a websafe color.

♥
- f
- t
- g
- R 20
- G 0
- B 80
RGB color chart
- C 75
- M 100
- Y 0
- K 20
CMYK color chart

● #3300cc color description : Strong blue.

The hexadecimal color #3300cc has RGB values of R:51, G:0, B:204 and CMYK values of C:0.75, M:1, Y:0, K:0.2. Its decimal value is 3342540.

Hex triplet	3300cc	`#3300cc`
RGB Decimal	51, 0, 204	`rgb(51,0,204)`
RGB Percent	20, 0, 80	`rgb(20%,0%,80%)`
CMYK	75, 100, 0, 20
HSL	255°, 100, 40	`hsl(255,100%,40%)`
HSV (or HSB)	255°, 100, 80
Web Safe	3300cc	`#3300cc`

CIE-LAB	26.913, 67.678, -87.628
XYZ	12.262, 5.063, 57.454
xyY	0.164, 0.068, 5.063
CIE-LCH	26.913, 110.72, 307.68
CIE-LUV	26.913, -3.359, -102.675
Hunter-Lab	22.501, 57.902, -135.645
Binary	00110011, 00000000, 11001100

#3300cc
```
#3300cc rgb(51,0,204)
```
#99cc00
```
#99cc00 rgb(153,204,0)
```

Complementary Color

#0033cc
```
#0033cc rgb(0,51,204)
```
#3300cc
```
#3300cc rgb(51,0,204)
```
#9900cc
```
#9900cc rgb(153,0,204)
```

Analogous Color

#33cc00
```
#33cc00 rgb(51,204,0)
```
#3300cc
```
#3300cc rgb(51,0,204)
```
#cc9900
```
#cc9900 rgb(204,153,0)
```

Split Complementary Color

#00cc33
```
#00cc33 rgb(0,204,51)
```
#3300cc
```
#3300cc rgb(51,0,204)
```
#cc3300
```
#cc3300 rgb(204,51,0)
```

Triadic Color

#0099cc
```
#0099cc rgb(0,153,204)
```
#3300cc
```
#3300cc rgb(51,0,204)
```
#cc3300
```
#cc3300 rgb(204,51,0)
```
#99cc00
```
#99cc00 rgb(153,204,0)
```

Tetradic Color

#200080
```
#200080 rgb(32,0,128)
```
#260099
```
#260099 rgb(38,0,153)
```
#2d00b3
```
#2d00b3 rgb(45,0,179)
```
#3300cc
```
#3300cc rgb(51,0,204)
```
#3900e6
```
#3900e6 rgb(57,0,230)
```
#4000ff
```
#4000ff rgb(64,0,255)
```
#531aff
```
#531aff rgb(83,26,255)
```

Monochromatic Color

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

#0000cc
```
#0000cc rgb(0,0,204)
```
#1100cc
```
#1100cc rgb(17,0,204)
```
#2200cc
```
#2200cc rgb(34,0,204)
```
#3300cc
```
#3300cc rgb(51,0,204)
```
#4400cc
```
#4400cc rgb(68,0,204)
```
#5500cc
```
#5500cc rgb(85,0,204)
```
#6600cc
```
#6600cc rgb(102,0,204)
```

Similar Colors

Text with hexadecimal color #3300cc

This text has a font color of #3300cc.

<span style="color:#3300cc;">Text here</span>

#3300cc background color

This paragraph has a background color of #3300cc.

<p style="background-color:#3300cc;">Content here</p>

#3300cc border color

This element has a border color of #3300cc.

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

CSS codes

.text {color:#3300cc;}

.background {background-color:#3300cc;}

.border {border:1px solid #3300cc;}

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

#020008
```
#020008 rgb(2,0,8)
```
#07001b
```
#07001b rgb(7,0,27)
```
#0c002f
```
#0c002f rgb(12,0,47)
```
#110043
```
#110043 rgb(17,0,67)
```
#160056
```
#160056 rgb(22,0,86)
```
#1a006a
```
#1a006a rgb(26,0,106)
```
#1f007e
```
#1f007e rgb(31,0,126)
```
#240091
```
#240091 rgb(36,0,145)
```
#2900a5
```
#2900a5 rgb(41,0,165)
```
#2e00b8
```
#2e00b8 rgb(46,0,184)
```
#3300cc
```
#3300cc rgb(51,0,204)
```
#3800e0
```
#3800e0 rgb(56,0,224)
```
#3d00f3
```
#3d00f3 rgb(61,0,243)
```

Shade Color Variation

#4608ff
```
#4608ff rgb(70,8,255)
```
#541bff
```
#541bff rgb(84,27,255)
```
#632fff
```
#632fff rgb(99,47,255)
```
#7243ff
```
#7243ff rgb(114,67,255)
```
#8056ff
```
#8056ff rgb(128,86,255)
```
#8f6aff
```
#8f6aff rgb(143,106,255)
```
#9e7eff
```
#9e7eff rgb(158,126,255)
```
#ad91ff
```
#ad91ff rgb(173,145,255)
```
#bba5ff
```
#bba5ff rgb(187,165,255)
```
#cab8ff
```
#cab8ff rgb(202,184,255)
```
#d9ccff
```
#d9ccff rgb(217,204,255)
```
#e7e0ff
```
#e7e0ff rgb(231,224,255)
```
#f6f3ff
```
#f6f3ff rgb(246,243,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #625e6e is the less saturated color, while #3300cc is the most saturated one.

#625e6e
```
#625e6e rgb(98,94,110)
```
#5e5676
```
#5e5676 rgb(94,86,118)
```
#5a4e7e
```
#5a4e7e rgb(90,78,126)
```
#564785
```
#564785 rgb(86,71,133)
```
#523f8d
```
#523f8d rgb(82,63,141)
```
#4e3795
```
#4e3795 rgb(78,55,149)
```
#4b2f9d
```
#4b2f9d rgb(75,47,157)
```
#4727a5
```
#4727a5 rgb(71,39,165)
```
#431fad
```
#431fad rgb(67,31,173)
```
#3f18b4
```
#3f18b4 rgb(63,24,180)
```
#3b10bc
```
#3b10bc rgb(59,16,188)
```
#3708c4
```
#3708c4 rgb(55,8,196)
```
#3300cc
```
#3300cc rgb(51,0,204)
```

Tone Color Variation

Below, you can see how #3300cc 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

#272727 Achromatopsia 0.005% of the population
#291f48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00478a Protanopia 1% of men
#004b77 Deuteranopia 1% of men
#005054 Tritanopia 0.001% of the population

Trichromacy

#122da2 Protanomaly 1% of men, 0.01% of women
#123096 Deuteranomaly 6% of men, 0.4% of women
#12337f Tritanomaly 0.01% of the population

#3300cc hex color

#3300cc Color Information

#3300cc Color Conversion

Color Schemes with #3300cc

Alternatives to #3300cc

#3300cc Preview

Shades and Tints of #3300cc

Tones of #3300cc

Color Blindness Simulator