#3368fa hex color

In a RGB color space, hex #3368fa is composed of 20% red, 40.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 58.4% magenta, 0% yellow and 2% black. It has a hue angle of 224 degrees, a saturation of 95.2% and a lightness of 59%. #3368fa color hex could be obtained by blending #66d0ff with #0000f5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 20
- G 41
- B 98
RGB color chart
- C 80
- M 58
- Y 0
- K 2
CMYK color chart

● #3368fa color description : Bright blue.

The hexadecimal color #3368fa has RGB values of R:51, G:104, B:250 and CMYK values of C:0.8, M:0.58, Y:0, K:0.02. Its decimal value is 3369210.

Hex triplet	3368fa	`#3368fa`
RGB Decimal	51, 104, 250	`rgb(51,104,250)`
RGB Percent	20, 40.8, 98	`rgb(20%,40.8%,98%)`
CMYK	80, 58, 0, 2
HSL	224°, 95.2, 59	`hsl(224,95.2%,59%)`
HSV (or HSB)	224°, 79.6, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.89, 34.421, -77.59
XYZ	23.567, 17.505, 92.574
xyY	0.176, 0.131, 17.505
CIE-LCH	48.89, 84.883, 293.923
CIE-LUV	48.89, -19.483, -120.082
Hunter-Lab	41.839, 27.329, -101.9
Binary	00110011, 01101000, 11111010

#3368fa
```
#3368fa rgb(51,104,250)
```
#fac533
```
#fac533 rgb(250,197,51)
```

Complementary Color

#33ccfa
```
#33ccfa rgb(51,204,250)
```
#3368fa
```
#3368fa rgb(51,104,250)
```
#6233fa
```
#6233fa rgb(98,51,250)
```

Analogous Color

#ccfa33
```
#ccfa33 rgb(204,250,51)
```
#3368fa
```
#3368fa rgb(51,104,250)
```
#fa6233
```
#fa6233 rgb(250,98,51)
```

Split Complementary Color

#68fa33
```
#68fa33 rgb(104,250,51)
```
#3368fa
```
#3368fa rgb(51,104,250)
```
#fa3368
```
#fa3368 rgb(250,51,104)
```

Triadic Color

#33fac5
```
#33fac5 rgb(51,250,197)
```
#3368fa
```
#3368fa rgb(51,104,250)
```
#fa3368
```
#fa3368 rgb(250,51,104)
```
#fac533
```
#fac533 rgb(250,197,51)
```

Tetradic Color

#053edb
```
#053edb rgb(5,62,219)
```
#0645f4
```
#0645f4 rgb(6,69,244)
```
#1a56f9
```
#1a56f9 rgb(26,86,249)
```
#3368fa
```
#3368fa rgb(51,104,250)
```
#4c7afb
```
#4c7afb rgb(76,122,251)
```
#658dfb
```
#658dfb rgb(101,141,251)
```
#7e9ffc
```
#7e9ffc rgb(126,159,252)
```

Monochromatic Color

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

#339afa
```
#339afa rgb(51,154,250)
```
#3389fa
```
#3389fa rgb(51,137,250)
```
#3379fa
```
#3379fa rgb(51,121,250)
```
#3368fa
```
#3368fa rgb(51,104,250)
```
#3357fa
```
#3357fa rgb(51,87,250)
```
#3347fa
```
#3347fa rgb(51,71,250)
```
#3336fa
```
#3336fa rgb(51,54,250)
```

Similar Colors

Text with hexadecimal color #3368fa

This text has a font color of #3368fa.

<span style="color:#3368fa;">Text here</span>

#3368fa background color

This paragraph has a background color of #3368fa.

<p style="background-color:#3368fa;">Content here</p>

#3368fa border color

This element has a border color of #3368fa.

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

CSS codes

.text {color:#3368fa;}

.background {background-color:#3368fa;}

.border {border:1px solid #3368fa;}

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

#000207
```
#000207 rgb(0,2,7)
```
#01071a
```
#01071a rgb(1,7,26)
```
#010d2d
```
#010d2d rgb(1,13,45)
```
#021240
```
#021240 rgb(2,18,64)
```
#021853
```
#021853 rgb(2,24,83)
```
#031d66
```
#031d66 rgb(3,29,102)
```
#032379
```
#032379 rgb(3,35,121)
```
#03288d
```
#03288d rgb(3,40,141)
```
#042da0
```
#042da0 rgb(4,45,160)
```
#0433b3
```
#0433b3 rgb(4,51,179)
```
#0538c6
```
#0538c6 rgb(5,56,198)
```
#053ed9
```
#053ed9 rgb(5,62,217)
```
#0643ec
```
#0643ec rgb(6,67,236)
```

Shade Color Variation

#0d4cf9
```
#0d4cf9 rgb(13,76,249)
```
#205afa
```
#205afa rgb(32,90,250)
```
#3368fa
```
#3368fa rgb(51,104,250)
```
#4676fa
```
#4676fa rgb(70,118,250)
```
#5984fb
```
#5984fb rgb(89,132,251)
```
#6c93fb
```
#6c93fb rgb(108,147,251)
```
#80a1fc
```
#80a1fc rgb(128,161,252)
```
#93affc
```
#93affc rgb(147,175,252)
```
#a6bdfd
```
#a6bdfd rgb(166,189,253)
```
#b9cbfd
```
#b9cbfd rgb(185,203,253)
```
#ccd9fe
```
#ccd9fe rgb(204,217,254)
```
#dfe8fe
```
#dfe8fe rgb(223,232,254)
```
#f2f6ff
```
#f2f6ff rgb(242,246,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #93959a is the less saturated color, while #3368fa is the most saturated one.

#93959a
```
#93959a rgb(147,149,154)
```
#8b91a2
```
#8b91a2 rgb(139,145,162)
```
#838eaa
```
#838eaa rgb(131,142,170)
```
#7b8ab2
```
#7b8ab2 rgb(123,138,178)
```
#7386ba
```
#7386ba rgb(115,134,186)
```
#6b82c2
```
#6b82c2 rgb(107,130,194)
```
#637fca
```
#637fca rgb(99,127,202)
```
#5b7bd2
```
#5b7bd2 rgb(91,123,210)
```
#5377da
```
#5377da rgb(83,119,218)
```
#4b73e2
```
#4b73e2 rgb(75,115,226)
```
#4370ea
```
#4370ea rgb(67,112,234)
```
#3b6cf2
```
#3b6cf2 rgb(59,108,242)
```
#3368fa
```
#3368fa rgb(51,104,250)
```

Tone Color Variation

Below, you can see how #3368fa 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

#696969 Achromatopsia 0.005% of the population
#5e6986 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077ea Protanopia 1% of men
#007ecc Deuteranopia 1% of men
#00878f Tritanopia 0.001% of the population

Trichromacy

#1271ef Protanomaly 1% of men, 0.01% of women
#1276dc Deuteranomaly 6% of men, 0.4% of women
#127cb5 Tritanomaly 0.01% of the population

#3368fa hex color

#3368fa Color Information

#3368fa Color Conversion

Color Schemes with #3368fa

Alternatives to #3368fa

#3368fa Preview

Shades and Tints of #3368fa

Tones of #3368fa

Color Blindness Simulator