#3300f2 hex color

In a RGB color space, hex #3300f2 is composed of 20% red, 0% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 100% magenta, 0% yellow and 5.1% black. It has a hue angle of 252.6 degrees, a saturation of 100% and a lightness of 47.5%. #3300f2 color hex could be obtained by blending #6600ff with #0000e5. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 20
- G 0
- B 95
RGB color chart
- C 79
- M 100
- Y 0
- K 5
CMYK color chart

● #3300f2 color description : Pure (or mostly pure) blue.

The hexadecimal color #3300f2 has RGB values of R:51, G:0, B:242 and CMYK values of C:0.79, M:1, Y:0, K:0.05. Its decimal value is 3342578.

Hex triplet	3300f2	`#3300f2`
RGB Decimal	51, 0, 242	`rgb(51,0,242)`
RGB Percent	20, 0, 94.9	`rgb(20%,0%,94.9%)`
CMYK	79, 100, 0, 5
HSL	252.6°, 100, 47.5	`hsl(252.6,100%,47.5%)`
HSV (or HSB)	252.6°, 100, 94.9
Web Safe	3300ff	`#3300ff`

CIE-LAB	32.064, 76.674, -100.892
XYZ	17.389, 7.114, 84.456
xyY	0.16, 0.065, 7.114
CIE-LCH	32.064, 126.721, 307.233
CIE-LUV	32.064, -5.654, -124.518
Hunter-Lab	26.671, 69.704, -169.076
Binary	00110011, 00000000, 11110010

#3300f2
```
#3300f2 rgb(51,0,242)
```
#bff200
```
#bff200 rgb(191,242,0)
```

Complementary Color

#0046f2
```
#0046f2 rgb(0,70,242)
```
#3300f2
```
#3300f2 rgb(51,0,242)
```
#ac00f2
```
#ac00f2 rgb(172,0,242)
```

Analogous Color

#46f200
```
#46f200 rgb(70,242,0)
```
#3300f2
```
#3300f2 rgb(51,0,242)
```
#f2ac00
```
#f2ac00 rgb(242,172,0)
```

Split Complementary Color

#00f233
```
#00f233 rgb(0,242,51)
```
#3300f2
```
#3300f2 rgb(51,0,242)
```
#f23300
```
#f23300 rgb(242,51,0)
```

Triadic Color

#00bff2
```
#00bff2 rgb(0,191,242)
```
#3300f2
```
#3300f2 rgb(51,0,242)
```
#f23300
```
#f23300 rgb(242,51,0)
```
#bff200
```
#bff200 rgb(191,242,0)
```

Tetradic Color

#2300a6
```
#2300a6 rgb(35,0,166)
```
#2800bf
```
#2800bf rgb(40,0,191)
```
#2e00d9
```
#2e00d9 rgb(46,0,217)
```
#3300f2
```
#3300f2 rgb(51,0,242)
```
#400dff
```
#400dff rgb(64,13,255)
```
#5426ff
```
#5426ff rgb(84,38,255)
```
#6840ff
```
#6840ff rgb(104,64,255)
```

Monochromatic Color

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

#000af2
```
#000af2 rgb(0,10,242)
```
#0b00f2
```
#0b00f2 rgb(11,0,242)
```
#1f00f2
```
#1f00f2 rgb(31,0,242)
```
#3300f2
```
#3300f2 rgb(51,0,242)
```
#4700f2
```
#4700f2 rgb(71,0,242)
```
#5b00f2
```
#5b00f2 rgb(91,0,242)
```
#7000f2
```
#7000f2 rgb(112,0,242)
```

Similar Colors

Text with hexadecimal color #3300f2

This text has a font color of #3300f2.

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

#3300f2 background color

This paragraph has a background color of #3300f2.

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

#3300f2 border color

This element has a border color of #3300f2.

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

CSS codes

.text {color:#3300f2;}

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

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

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

#010007
```
#010007 rgb(1,0,7)
```
#06001a
```
#06001a rgb(6,0,26)
```
#0a002e
```
#0a002e rgb(10,0,46)
```
#0e0041
```
#0e0041 rgb(14,0,65)
```
#120055
```
#120055 rgb(18,0,85)
```
#160069
```
#160069 rgb(22,0,105)
```
#1a007c
```
#1a007c rgb(26,0,124)
```
#1e0090
```
#1e0090 rgb(30,0,144)
```
#2200a4
```
#2200a4 rgb(34,0,164)
```
#2700b7
```
#2700b7 rgb(39,0,183)
```
#2b00cb
```
#2b00cb rgb(43,0,203)
```
#2f00de
```
#2f00de rgb(47,0,222)
```
#3300f2
```
#3300f2 rgb(51,0,242)
```

Shade Color Variation

#3b07ff
```
#3b07ff rgb(59,7,255)
```
#4a1aff
```
#4a1aff rgb(74,26,255)
```
#5a2eff
```
#5a2eff rgb(90,46,255)
```
#6941ff
```
#6941ff rgb(105,65,255)
```
#7955ff
```
#7955ff rgb(121,85,255)
```
#8869ff
```
#8869ff rgb(136,105,255)
```
#987cff
```
#987cff rgb(152,124,255)
```
#a790ff
```
#a790ff rgb(167,144,255)
```
#b7a4ff
```
#b7a4ff rgb(183,164,255)
```
#c6b7ff
```
#c6b7ff rgb(198,183,255)
```
#d6cbff
```
#d6cbff rgb(214,203,255)
```
#e5deff
```
#e5deff rgb(229,222,255)
```
#f5f2ff
```
#f5f2ff rgb(245,242,255)
```

Tint Color Variation

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

#747082
```
#747082 rgb(116,112,130)
```
#6e668c
```
#6e668c rgb(110,102,140)
```
#695d95
```
#695d95 rgb(105,93,149)
```
#63549e
```
#63549e rgb(99,84,158)
```
#5e4aa8
```
#5e4aa8 rgb(94,74,168)
```
#5941b1
```
#5941b1 rgb(89,65,177)
```
#5338ba
```
#5338ba rgb(83,56,186)
```
#4e2fc3
```
#4e2fc3 rgb(78,47,195)
```
#4925cd
```
#4925cd rgb(73,37,205)
```
#431cd6
```
#431cd6 rgb(67,28,214)
```
#3e13df
```
#3e13df rgb(62,19,223)
```
#3809e9
```
#3809e9 rgb(56,9,233)
```
#3300f2
```
#3300f2 rgb(51,0,242)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#2d2253 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00529f Protanopia 1% of men
#005789 Deuteranopia 1% of men
#005d61 Tritanopia 0.001% of the population

Trichromacy

#1234bd Protanomaly 1% of men, 0.01% of women
#1237af Deuteranomaly 6% of men, 0.4% of women
#123b95 Tritanomaly 0.01% of the population

#3300f2 hex color

#3300f2 Color Information

#3300f2 Color Conversion

Color Schemes with #3300f2

Alternatives to #3300f2

#3300f2 Preview

Shades and Tints of #3300f2

Tones of #3300f2

Color Blindness Simulator