#355bfd hex color

In a RGB color space, hex #355bfd is composed of 20.8% red, 35.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 64% magenta, 0% yellow and 0.8% black. It has a hue angle of 228.6 degrees, a saturation of 98% and a lightness of 60%. #355bfd color hex could be obtained by blending #6ab6ff with #0000fb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 21
- G 36
- B 99
RGB color chart
- C 79
- M 64
- Y 0
- K 1
CMYK color chart

● #355bfd color description : Bright blue.

The hexadecimal color #355bfd has RGB values of R:53, G:91, B:253 and CMYK values of C:0.79, M:0.64, Y:0, K:0.01. Its decimal value is 3496957.

Hex triplet	355bfd	`#355bfd`
RGB Decimal	53, 91, 253	`rgb(53,91,253)`
RGB Percent	20.8, 35.7, 99.2	`rgb(20.8%,35.7%,99.2%)`
CMYK	79, 64, 0, 1
HSL	228.6°, 98, 60	`hsl(228.6,98%,60%)`
HSV (or HSB)	228.6°, 79.1, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.082, 43.691, -83.853
XYZ	22.935, 15.329, 94.673
xyY	0.173, 0.115, 15.329
CIE-LCH	46.082, 94.553, 297.521
CIE-LUV	46.082, -16.155, -126.625
Hunter-Lab	39.153, 36.047, -115.96
Binary	00110101, 01011011, 11111101

#355bfd
```
#355bfd rgb(53,91,253)
```
#fdd735
```
#fdd735 rgb(253,215,53)
```

Complementary Color

#35bffd
```
#35bffd rgb(53,191,253)
```
#355bfd
```
#355bfd rgb(53,91,253)
```
#7335fd
```
#7335fd rgb(115,53,253)
```

Analogous Color

#bffd35
```
#bffd35 rgb(191,253,53)
```
#355bfd
```
#355bfd rgb(53,91,253)
```
#fd7335
```
#fd7335 rgb(253,115,53)
```

Split Complementary Color

#5bfd35
```
#5bfd35 rgb(91,253,53)
```
#355bfd
```
#355bfd rgb(53,91,253)
```
#fd355b
```
#fd355b rgb(253,53,91)
```

Triadic Color

#35fdd7
```
#35fdd7 rgb(53,253,215)
```
#355bfd
```
#355bfd rgb(53,91,253)
```
#fd355b
```
#fd355b rgb(253,53,91)
```
#fdd735
```
#fdd735 rgb(253,215,53)
```

Tetradic Color

#022de3
```
#022de3 rgb(2,45,227)
```
#0232fd
```
#0232fd rgb(2,50,253)
```
#1c47fd
```
#1c47fd rgb(28,71,253)
```
#355bfd
```
#355bfd rgb(53,91,253)
```
#4e70fd
```
#4e70fd rgb(78,112,253)
```
#6884fe
```
#6884fe rgb(104,132,254)
```
#8199fe
```
#8199fe rgb(129,153,254)
```

Monochromatic Color

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

#358dfd
```
#358dfd rgb(53,141,253)
```
#357cfd
```
#357cfd rgb(53,124,253)
```
#356cfd
```
#356cfd rgb(53,108,253)
```
#355bfd
```
#355bfd rgb(53,91,253)
```
#354afd
```
#354afd rgb(53,74,253)
```
#353afd
```
#353afd rgb(53,58,253)
```
#4135fd
```
#4135fd rgb(65,53,253)
```

Similar Colors

Text with hexadecimal color #355bfd

This text has a font color of #355bfd.

<span style="color:#355bfd;">Text here</span>

#355bfd background color

This paragraph has a background color of #355bfd.

<p style="background-color:#355bfd;">Content here</p>

#355bfd border color

This element has a border color of #355bfd.

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

CSS codes

.text {color:#355bfd;}

.background {background-color:#355bfd;}

.border {border:1px solid #355bfd;}

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, #00020c is the darkest color, while #f7f9ff is the lightest one.

#00020c
```
#00020c rgb(0,2,12)
```
#00061f
```
#00061f rgb(0,6,31)
```
#000a33
```
#000a33 rgb(0,10,51)
```
#010e46
```
#010e46 rgb(1,14,70)
```
#011259
```
#011259 rgb(1,18,89)
```
#01166d
```
#01166d rgb(1,22,109)
```
#011980
```
#011980 rgb(1,25,128)
```
#011d94
```
#011d94 rgb(1,29,148)
```
#0221a7
```
#0221a7 rgb(2,33,167)
```
#0225ba
```
#0225ba rgb(2,37,186)
```
#0229ce
```
#0229ce rgb(2,41,206)
```
#022de1
```
#022de1 rgb(2,45,225)
```
#0230f5
```
#0230f5 rgb(2,48,245)
```

Shade Color Variation

#0e3bfd
```
#0e3bfd rgb(14,59,253)
```
#224bfd
```
#224bfd rgb(34,75,253)
```
#355bfd
```
#355bfd rgb(53,91,253)
```
#486bfd
```
#486bfd rgb(72,107,253)
```
#5c7bfd
```
#5c7bfd rgb(92,123,253)
```
#6f8afe
```
#6f8afe rgb(111,138,254)
```
#839afe
```
#839afe rgb(131,154,254)
```
#96aafe
```
#96aafe rgb(150,170,254)
```
#aabafe
```
#aabafe rgb(170,186,254)
```
#bdc9fe
```
#bdc9fe rgb(189,201,254)
```
#d0d9ff
```
#d0d9ff rgb(208,217,255)
```
#e4e9ff
```
#e4e9ff rgb(228,233,255)
```
#f7f9ff
```
#f7f9ff rgb(247,249,255)
```

Tint Color Variation

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

#93959f
```
#93959f rgb(147,149,159)
```
#8b91a7
```
#8b91a7 rgb(139,145,167)
```
#838caf
```
#838caf rgb(131,140,175)
```
#7c87b6
```
#7c87b6 rgb(124,135,182)
```
#7482be
```
#7482be rgb(116,130,190)
```
#6c7dc6
```
#6c7dc6 rgb(108,125,198)
```
#6478ce
```
#6478ce rgb(100,120,206)
```
#5c73d6
```
#5c73d6 rgb(92,115,214)
```
#546ede
```
#546ede rgb(84,110,222)
```
#4d6ae5
```
#4d6ae5 rgb(77,106,229)
```
#4565ed
```
#4565ed rgb(69,101,237)
```
#3d60f5
```
#3d60f5 rgb(61,96,245)
```
#355bfd
```
#355bfd rgb(53,91,253)
```

Tone Color Variation

Below, you can see how #355bfd 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

#626262 Achromatopsia 0.005% of the population
#596181 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dd Protanopia 1% of men
#0077c0 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

#1369e8 Protanomaly 1% of men, 0.01% of women
#136dd6 Deuteranomaly 6% of men, 0.4% of women
#1372b1 Tritanomaly 0.01% of the population

#355bfd hex color

#355bfd Color Information

#355bfd Color Conversion

Color Schemes with #355bfd

Alternatives to #355bfd

#355bfd Preview

Shades and Tints of #355bfd

Tones of #355bfd

Color Blindness Simulator