#3342fc hex color

In a RGB color space, hex #3342fc is composed of 20% red, 25.9% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 73.8% magenta, 0% yellow and 1.2% black. It has a hue angle of 235.5 degrees, a saturation of 97.1% and a lightness of 59.4%. #3342fc color hex could be obtained by blending #6684ff with #0000f9. Closest websafe color is: #3333ff.

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

● #3342fc color description : Bright blue.

The hexadecimal color #3342fc has RGB values of R:51, G:66, B:252 and CMYK values of C:0.8, M:0.74, Y:0, K:0.01. Its decimal value is 3359484.

Hex triplet	3342fc	`#3342fc`
RGB Decimal	51, 66, 252	`rgb(51,66,252)`
RGB Percent	20, 25.9, 98.8	`rgb(20%,25.9%,98.8%)`
CMYK	80, 74, 0, 1
HSL	235.5°, 97.1, 59.4	`hsl(235.5,97.1%,59.4%)`
HSV (or HSB)	235.5°, 79.8, 98.8
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.617, 57.658, -92.303
XYZ	20.881, 11.627, 93.234
xyY	0.166, 0.092, 11.627
CIE-LCH	40.617, 108.831, 301.991
CIE-LUV	40.617, -11.616, -130.965
Hunter-Lab	34.098, 49.634, -138.245
Binary	00110011, 01000010, 11111100

#3342fc
```
#3342fc rgb(51,66,252)
```
#fced33
```
#fced33 rgb(252,237,51)
```

Complementary Color

#33a7fc
```
#33a7fc rgb(51,167,252)
```
#3342fc
```
#3342fc rgb(51,66,252)
```
#8933fc
```
#8933fc rgb(137,51,252)
```

Analogous Color

#a7fc33
```
#a7fc33 rgb(167,252,51)
```
#3342fc
```
#3342fc rgb(51,66,252)
```
#fc8933
```
#fc8933 rgb(252,137,51)
```

Split Complementary Color

#42fc33
```
#42fc33 rgb(66,252,51)
```
#3342fc
```
#3342fc rgb(51,66,252)
```
#fc3342
```
#fc3342 rgb(252,51,66)
```

Triadic Color

#33fced
```
#33fced rgb(51,252,237)
```
#3342fc
```
#3342fc rgb(51,66,252)
```
#fc3342
```
#fc3342 rgb(252,51,66)
```
#fced33
```
#fced33 rgb(252,237,51)
```

Tetradic Color

#0314df
```
#0314df rgb(3,20,223)
```
#0416f8
```
#0416f8 rgb(4,22,248)
```
#1a2bfc
```
#1a2bfc rgb(26,43,252)
```
#3342fc
```
#3342fc rgb(51,66,252)
```
#4c59fc
```
#4c59fc rgb(76,89,252)
```
#6571fd
```
#6571fd rgb(101,113,253)
```
#7e88fd
```
#7e88fd rgb(126,136,253)
```

Monochromatic Color

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

#3374fc
```
#3374fc rgb(51,116,252)
```
#3364fc
```
#3364fc rgb(51,100,252)
```
#3353fc
```
#3353fc rgb(51,83,252)
```
#3342fc
```
#3342fc rgb(51,66,252)
```
#3533fc
```
#3533fc rgb(53,51,252)
```
#4633fc
```
#4633fc rgb(70,51,252)
```
#5633fc
```
#5633fc rgb(86,51,252)
```

Similar Colors

Text with hexadecimal color #3342fc

This text has a font color of #3342fc.

<span style="color:#3342fc;">Text here</span>

#3342fc background color

This paragraph has a background color of #3342fc.

<p style="background-color:#3342fc;">Content here</p>

#3342fc border color

This element has a border color of #3342fc.

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

CSS codes

.text {color:#3342fc;}

.background {background-color:#3342fc;}

.border {border:1px solid #3342fc;}

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

#000109
```
#000109 rgb(0,1,9)
```
#00021c
```
#00021c rgb(0,2,28)
```
#01042f
```
#01042f rgb(1,4,47)
```
#010643
```
#010643 rgb(1,6,67)
```
#010856
```
#010856 rgb(1,8,86)
```
#020969
```
#020969 rgb(2,9,105)
```
#020b7d
```
#020b7d rgb(2,11,125)
```
#020d90
```
#020d90 rgb(2,13,144)
```
#020ea3
```
#020ea3 rgb(2,14,163)
```
#0310b7
```
#0310b7 rgb(3,16,183)
```
#0312ca
```
#0312ca rgb(3,18,202)
```
#0314dd
```
#0314dd rgb(3,20,221)
```
#0415f1
```
#0415f1 rgb(4,21,241)
```

Shade Color Variation

#0c1efb
```
#0c1efb rgb(12,30,251)
```
#2030fc
```
#2030fc rgb(32,48,252)
```
#3342fc
```
#3342fc rgb(51,66,252)
```
#4654fc
```
#4654fc rgb(70,84,252)
```
#5a66fd
```
#5a66fd rgb(90,102,253)
```
#6d78fd
```
#6d78fd rgb(109,120,253)
```
#808afd
```
#808afd rgb(128,138,253)
```
#949cfd
```
#949cfd rgb(148,156,253)
```
#a7adfe
```
#a7adfe rgb(167,173,254)
```
#babffe
```
#babffe rgb(186,191,254)
```
#ced1fe
```
#ced1fe rgb(206,209,254)
```
#e1e3ff
```
#e1e3ff rgb(225,227,255)
```
#f4f5ff
```
#f4f5ff rgb(244,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #93939c is the less saturated color, while #3342fc is the most saturated one.

#93939c
```
#93939c rgb(147,147,156)
```
#8b8da4
```
#8b8da4 rgb(139,141,164)
```
#8386ac
```
#8386ac rgb(131,134,172)
```
#7b7fb4
```
#7b7fb4 rgb(123,127,180)
```
#7378bc
```
#7378bc rgb(115,120,188)
```
#6b71c4
```
#6b71c4 rgb(107,113,196)
```
#636bcc
```
#636bcc rgb(99,107,204)
```
#5b64d4
```
#5b64d4 rgb(91,100,212)
```
#535ddc
```
#535ddc rgb(83,93,220)
```
#4b56e4
```
#4b56e4 rgb(75,86,228)
```
#4350ec
```
#4350ec rgb(67,80,236)
```
#3b49f4
```
#3b49f4 rgb(59,73,244)
```
#3342fc
```
#3342fc rgb(51,66,252)
```

Tone Color Variation

Below, you can see how #3342fc 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

#535353 Achromatopsia 0.005% of the population
#4d5075 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c4 Protanopia 1% of men
#006aaa Deuteranopia 1% of men
#007277 Tritanopia 0.001% of the population

Trichromacy

#1258d8 Protanomaly 1% of men, 0.01% of women
#125cc7 Deuteranomaly 6% of men, 0.4% of women
#1260a7 Tritanomaly 0.01% of the population

#3342fc hex color

#3342fc Color Information

#3342fc Color Conversion

Color Schemes with #3342fc

Alternatives to #3342fc

#3342fc Preview

Shades and Tints of #3342fc

Tones of #3342fc

Color Blindness Simulator