#3345fc hex color

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

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

● #3345fc color description : Bright blue.

The hexadecimal color #3345fc has RGB values of R:51, G:69, B:252 and CMYK values of C:0.8, M:0.73, Y:0, K:0.01. Its decimal value is 3360252.

Hex triplet	3345fc	`#3345fc`
RGB Decimal	51, 69, 252	`rgb(51,69,252)`
RGB Percent	20, 27.1, 98.8	`rgb(20%,27.1%,98.8%)`
CMYK	80, 73, 0, 1
HSL	234.6°, 97.1, 59.4	`hsl(234.6,97.1%,59.4%)`
HSV (or HSB)	234.6°, 79.8, 98.8
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.195, 56.03, -91.347
XYZ	21.061, 11.987, 93.294
xyY	0.167, 0.095, 11.987
CIE-LCH	41.195, 107.162, 301.524
CIE-LUV	41.195, -12.107, -130.634
Hunter-Lab	34.622, 47.993, -135.53
Binary	00110011, 01000101, 11111100

#3345fc
```
#3345fc rgb(51,69,252)
```
#fcea33
```
#fcea33 rgb(252,234,51)
```

Complementary Color

#33aafc
```
#33aafc rgb(51,170,252)
```
#3345fc
```
#3345fc rgb(51,69,252)
```
#8633fc
```
#8633fc rgb(134,51,252)
```

Analogous Color

#aafc33
```
#aafc33 rgb(170,252,51)
```
#3345fc
```
#3345fc rgb(51,69,252)
```
#fc8633
```
#fc8633 rgb(252,134,51)
```

Split Complementary Color

#45fc33
```
#45fc33 rgb(69,252,51)
```
#3345fc
```
#3345fc rgb(51,69,252)
```
#fc3345
```
#fc3345 rgb(252,51,69)
```

Triadic Color

#33fcea
```
#33fcea rgb(51,252,234)
```
#3345fc
```
#3345fc rgb(51,69,252)
```
#fc3345
```
#fc3345 rgb(252,51,69)
```
#fcea33
```
#fcea33 rgb(252,234,51)
```

Tetradic Color

#0317df
```
#0317df rgb(3,23,223)
```
#041af8
```
#041af8 rgb(4,26,248)
```
#1a2efc
```
#1a2efc rgb(26,46,252)
```
#3345fc
```
#3345fc rgb(51,69,252)
```
#4c5cfc
```
#4c5cfc rgb(76,92,252)
```
#6573fd
```
#6573fd rgb(101,115,253)
```
#7e8afd
```
#7e8afd rgb(126,138,253)
```

Monochromatic Color

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

#3377fc
```
#3377fc rgb(51,119,252)
```
#3367fc
```
#3367fc rgb(51,103,252)
```
#3356fc
```
#3356fc rgb(51,86,252)
```
#3345fc
```
#3345fc rgb(51,69,252)
```
#3334fc
```
#3334fc rgb(51,52,252)
```
#4333fc
```
#4333fc rgb(67,51,252)
```
#5333fc
```
#5333fc rgb(83,51,252)
```

Similar Colors

Text with hexadecimal color #3345fc

This text has a font color of #3345fc.

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

#3345fc background color

This paragraph has a background color of #3345fc.

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

#3345fc border color

This element has a border color of #3345fc.

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

CSS codes

.text {color:#3345fc;}

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

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

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)
```
#00031c
```
#00031c rgb(0,3,28)
```
#01052f
```
#01052f rgb(1,5,47)
```
#010743
```
#010743 rgb(1,7,67)
```
#010956
```
#010956 rgb(1,9,86)
```
#020b69
```
#020b69 rgb(2,11,105)
```
#020d7d
```
#020d7d rgb(2,13,125)
```
#020f90
```
#020f90 rgb(2,15,144)
```
#0211a3
```
#0211a3 rgb(2,17,163)
```
#0313b7
```
#0313b7 rgb(3,19,183)
```
#0315ca
```
#0315ca rgb(3,21,202)
```
#0317dd
```
#0317dd rgb(3,23,221)
```
#0419f1
```
#0419f1 rgb(4,25,241)
```

Shade Color Variation

#0c22fb
```
#0c22fb rgb(12,34,251)
```
#2033fc
```
#2033fc rgb(32,51,252)
```
#3345fc
```
#3345fc rgb(51,69,252)
```
#4657fc
```
#4657fc rgb(70,87,252)
```
#5a68fd
```
#5a68fd rgb(90,104,253)
```
#6d7afd
```
#6d7afd rgb(109,122,253)
```
#808cfd
```
#808cfd rgb(128,140,253)
```
#949dfd
```
#949dfd rgb(148,157,253)
```
#a7affe
```
#a7affe rgb(167,175,254)
```
#bac0fe
```
#bac0fe rgb(186,192,254)
```
#ced2fe
```
#ced2fe rgb(206,210,254)
```
#e1e4ff
```
#e1e4ff rgb(225,228,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 #3345fc is the most saturated one.

#93939c
```
#93939c rgb(147,147,156)
```
#8b8da4
```
#8b8da4 rgb(139,141,164)
```
#8386ac
```
#8386ac rgb(131,134,172)
```
#7b80b4
```
#7b80b4 rgb(123,128,180)
```
#7379bc
```
#7379bc rgb(115,121,188)
```
#6b73c4
```
#6b73c4 rgb(107,115,196)
```
#636ccc
```
#636ccc rgb(99,108,204)
```
#5b66d4
```
#5b66d4 rgb(91,102,212)
```
#535fdc
```
#535fdc rgb(83,95,220)
```
#4b59e4
```
#4b59e4 rgb(75,89,228)
```
#4352ec
```
#4352ec rgb(67,82,236)
```
#3b4cf4
```
#3b4cf4 rgb(59,76,244)
```
#3345fc
```
#3345fc rgb(51,69,252)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4d5176 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c7 Protanopia 1% of men
#006cac Deuteranopia 1% of men
#007379 Tritanopia 0.001% of the population

Trichromacy

#125ada Protanomaly 1% of men, 0.01% of women
#125ec9 Deuteranomaly 6% of men, 0.4% of women
#1262a8 Tritanomaly 0.01% of the population

#3345fc hex color

#3345fc Color Information

#3345fc Color Conversion

Color Schemes with #3345fc

Alternatives to #3345fc

#3345fc Preview

Shades and Tints of #3345fc

Tones of #3345fc

Color Blindness Simulator