#3358fa hex color

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

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

● #3358fa color description : Bright blue.

The hexadecimal color #3358fa has RGB values of R:51, G:88, B:250 and CMYK values of C:0.8, M:0.65, Y:0, K:0.02. Its decimal value is 3365114.

Hex triplet	3358fa	`#3358fa`
RGB Decimal	51, 88, 250	`rgb(51,88,250)`
RGB Percent	20, 34.5, 98	`rgb(20%,34.5%,98%)`
CMYK	80, 65, 0, 2
HSL	228.8°, 95.2, 59	`hsl(228.8,95.2%,59%)`
HSV (or HSB)	228.8°, 79.6, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.059, 44.306, -83.863
XYZ	22.107, 14.584, 92.087
xyY	0.172, 0.113, 14.584
CIE-LCH	45.059, 94.848, 297.848
CIE-LUV	45.059, -15.723, -125.659
Hunter-Lab	38.189, 36.5, -116.238
Binary	00110011, 01011000, 11111010

#3358fa
```
#3358fa rgb(51,88,250)
```
#fad533
```
#fad533 rgb(250,213,51)
```

Complementary Color

#33bcfa
```
#33bcfa rgb(51,188,250)
```
#3358fa
```
#3358fa rgb(51,88,250)
```
#7233fa
```
#7233fa rgb(114,51,250)
```

Analogous Color

#bcfa33
```
#bcfa33 rgb(188,250,51)
```
#3358fa
```
#3358fa rgb(51,88,250)
```
#fa7233
```
#fa7233 rgb(250,114,51)
```

Split Complementary Color

#58fa33
```
#58fa33 rgb(88,250,51)
```
#3358fa
```
#3358fa rgb(51,88,250)
```
#fa3358
```
#fa3358 rgb(250,51,88)
```

Triadic Color

#33fad5
```
#33fad5 rgb(51,250,213)
```
#3358fa
```
#3358fa rgb(51,88,250)
```
#fa3358
```
#fa3358 rgb(250,51,88)
```
#fad533
```
#fad533 rgb(250,213,51)
```

Tetradic Color

#052ddb
```
#052ddb rgb(5,45,219)
```
#0632f4
```
#0632f4 rgb(6,50,244)
```
#1a44f9
```
#1a44f9 rgb(26,68,249)
```
#3358fa
```
#3358fa rgb(51,88,250)
```
#4c6cfb
```
#4c6cfb rgb(76,108,251)
```
#6581fb
```
#6581fb rgb(101,129,251)
```
#7e95fc
```
#7e95fc rgb(126,149,252)
```

Monochromatic Color

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

#338afa
```
#338afa rgb(51,138,250)
```
#3379fa
```
#3379fa rgb(51,121,250)
```
#3369fa
```
#3369fa rgb(51,105,250)
```
#3358fa
```
#3358fa rgb(51,88,250)
```
#3347fa
```
#3347fa rgb(51,71,250)
```
#3337fa
```
#3337fa rgb(51,55,250)
```
#4033fa
```
#4033fa rgb(64,51,250)
```

Similar Colors

Text with hexadecimal color #3358fa

This text has a font color of #3358fa.

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

#3358fa background color

This paragraph has a background color of #3358fa.

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

#3358fa border color

This element has a border color of #3358fa.

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

CSS codes

.text {color:#3358fa;}

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

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

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

#000107
```
#000107 rgb(0,1,7)
```
#01051a
```
#01051a rgb(1,5,26)
```
#01092d
```
#01092d rgb(1,9,45)
```
#020d40
```
#020d40 rgb(2,13,64)
```
#021153
```
#021153 rgb(2,17,83)
```
#031566
```
#031566 rgb(3,21,102)
```
#031979
```
#031979 rgb(3,25,121)
```
#031d8d
```
#031d8d rgb(3,29,141)
```
#0421a0
```
#0421a0 rgb(4,33,160)
```
#0425b3
```
#0425b3 rgb(4,37,179)
```
#0529c6
```
#0529c6 rgb(5,41,198)
```
#052dd9
```
#052dd9 rgb(5,45,217)
```
#0631ec
```
#0631ec rgb(6,49,236)
```

Shade Color Variation

#0d39f9
```
#0d39f9 rgb(13,57,249)
```
#2048fa
```
#2048fa rgb(32,72,250)
```
#3358fa
```
#3358fa rgb(51,88,250)
```
#4668fa
```
#4668fa rgb(70,104,250)
```
#5977fb
```
#5977fb rgb(89,119,251)
```
#6c87fb
```
#6c87fb rgb(108,135,251)
```
#8097fc
```
#8097fc rgb(128,151,252)
```
#93a6fc
```
#93a6fc rgb(147,166,252)
```
#a6b6fd
```
#a6b6fd rgb(166,182,253)
```
#b9c6fd
```
#b9c6fd rgb(185,198,253)
```
#ccd5fe
```
#ccd5fe rgb(204,213,254)
```
#dfe5fe
```
#dfe5fe rgb(223,229,254)
```
#f2f5ff
```
#f2f5ff rgb(242,245,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 #3358fa is the most saturated one.

#93959a
```
#93959a rgb(147,149,154)
```
#8b90a2
```
#8b90a2 rgb(139,144,162)
```
#838aaa
```
#838aaa rgb(131,138,170)
```
#7b85b2
```
#7b85b2 rgb(123,133,178)
```
#7380ba
```
#7380ba rgb(115,128,186)
```
#6b7bc2
```
#6b7bc2 rgb(107,123,194)
```
#6376ca
```
#6376ca rgb(99,118,202)
```
#5b71d2
```
#5b71d2 rgb(91,113,210)
```
#536cda
```
#536cda rgb(83,108,218)
```
#4b67e2
```
#4b67e2 rgb(75,103,226)
```
#4362ea
```
#4362ea rgb(67,98,234)
```
#3b5df2
```
#3b5df2 rgb(59,93,242)
```
#3358fa
```
#3358fa rgb(51,88,250)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#565e7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed8 Protanopia 1% of men
#0075bc Deuteranopia 1% of men
#007d84 Tritanopia 0.001% of the population

Trichromacy

#1266e4 Protanomaly 1% of men, 0.01% of women
#126ad2 Deuteranomaly 6% of men, 0.4% of women
#126faf Tritanomaly 0.01% of the population

#3358fa hex color

#3358fa Color Information

#3358fa Color Conversion

Color Schemes with #3358fa

Alternatives to #3358fa

#3358fa Preview

Shades and Tints of #3358fa

Tones of #3358fa

Color Blindness Simulator