#355cfa hex color

In a RGB color space, hex #355cfa is composed of 20.8% red, 36.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 63.2% magenta, 0% yellow and 2% black. It has a hue angle of 228.1 degrees, a saturation of 95.2% and a lightness of 59.4%. #355cfa color hex could be obtained by blending #6ab8ff with #0000f5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 21
- G 36
- B 98
RGB color chart
- C 79
- M 63
- Y 0
- K 2
CMYK color chart

● #355cfa color description : Bright blue.

The hexadecimal color #355cfa has RGB values of R:53, G:92, B:250 and CMYK values of C:0.79, M:0.63, Y:0, K:0.02. Its decimal value is 3497210.

Hex triplet	355cfa	`#355cfa`
RGB Decimal	53, 92, 250	`rgb(53,92,250)`
RGB Percent	20.8, 36.1, 98	`rgb(20.8%,36.1%,98%)`
CMYK	79, 63, 0, 2
HSL	228.1°, 95.2, 59.4	`hsl(228.1,95.2%,59.4%)`
HSV (or HSB)	228.1°, 78.8, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.058, 42.027, -82.22
XYZ	22.547, 15.312, 92.204
xyY	0.173, 0.118, 15.312
CIE-LCH	46.058, 92.339, 297.074
CIE-LUV	46.058, -16.345, -124.394
Hunter-Lab	39.13, 34.375, -112.317
Binary	00110101, 01011100, 11111010

#355cfa
```
#355cfa rgb(53,92,250)
```
#fad335
```
#fad335 rgb(250,211,53)
```

Complementary Color

#35bffa
```
#35bffa rgb(53,191,250)
```
#355cfa
```
#355cfa rgb(53,92,250)
```
#7135fa
```
#7135fa rgb(113,53,250)
```

Analogous Color

#bffa35
```
#bffa35 rgb(191,250,53)
```
#355cfa
```
#355cfa rgb(53,92,250)
```
#fa7135
```
#fa7135 rgb(250,113,53)
```

Split Complementary Color

#5cfa35
```
#5cfa35 rgb(92,250,53)
```
#355cfa
```
#355cfa rgb(53,92,250)
```
#fa355c
```
#fa355c rgb(250,53,92)
```

Triadic Color

#35fad3
```
#35fad3 rgb(53,250,211)
```
#355cfa
```
#355cfa rgb(53,92,250)
```
#fa355c
```
#fa355c rgb(250,53,92)
```
#fad335
```
#fad335 rgb(250,211,53)
```

Tetradic Color

#0530dd
```
#0530dd rgb(5,48,221)
```
#0636f6
```
#0636f6 rgb(6,54,246)
```
#1c48f9
```
#1c48f9 rgb(28,72,249)
```
#355cfa
```
#355cfa rgb(53,92,250)
```
#4e70fb
```
#4e70fb rgb(78,112,251)
```
#6784fb
```
#6784fb rgb(103,132,251)
```
#8098fc
```
#8098fc rgb(128,152,252)
```

Monochromatic Color

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

#358dfa
```
#358dfa rgb(53,141,250)
```
#357dfa
```
#357dfa rgb(53,125,250)
```
#356cfa
```
#356cfa rgb(53,108,250)
```
#355cfa
```
#355cfa rgb(53,92,250)
```
#354cfa
```
#354cfa rgb(53,76,250)
```
#353bfa
```
#353bfa rgb(53,59,250)
```
#3f35fa
```
#3f35fa rgb(63,53,250)
```

Similar Colors

Text with hexadecimal color #355cfa

This text has a font color of #355cfa.

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

#355cfa background color

This paragraph has a background color of #355cfa.

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

#355cfa border color

This element has a border color of #355cfa.

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

CSS codes

.text {color:#355cfa;}

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

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

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

#000209
```
#000209 rgb(0,2,9)
```
#01061c
```
#01061c rgb(1,6,28)
```
#010a2f
```
#010a2f rgb(1,10,47)
```
#020e42
```
#020e42 rgb(2,14,66)
```
#021355
```
#021355 rgb(2,19,85)
```
#031768
```
#031768 rgb(3,23,104)
```
#031b7b
```
#031b7b rgb(3,27,123)
```
#041f8f
```
#041f8f rgb(4,31,143)
```
#0423a2
```
#0423a2 rgb(4,35,162)
```
#0427b5
```
#0427b5 rgb(4,39,181)
```
#052cc8
```
#052cc8 rgb(5,44,200)
```
#0530db
```
#0530db rgb(5,48,219)
```
#0634ee
```
#0634ee rgb(6,52,238)
```

Shade Color Variation

#0f3df9
```
#0f3df9 rgb(15,61,249)
```
#224dfa
```
#224dfa rgb(34,77,250)
```
#355cfa
```
#355cfa rgb(53,92,250)
```
#486bfa
```
#486bfa rgb(72,107,250)
```
#5b7bfb
```
#5b7bfb rgb(91,123,251)
```
#6e8afb
```
#6e8afb rgb(110,138,251)
```
#829afc
```
#829afc rgb(130,154,252)
```
#95a9fc
```
#95a9fc rgb(149,169,252)
```
#a8b9fd
```
#a8b9fd rgb(168,185,253)
```
#bbc8fd
```
#bbc8fd rgb(187,200,253)
```
#ced8fe
```
#ced8fe rgb(206,216,254)
```
#e1e7fe
```
#e1e7fe rgb(225,231,254)
```
#f4f6ff
```
#f4f6ff rgb(244,246,255)
```

Tint Color Variation

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

#95969a
```
#95969a rgb(149,150,154)
```
#8d91a2
```
#8d91a2 rgb(141,145,162)
```
#858caa
```
#858caa rgb(133,140,170)
```
#7d87b2
```
#7d87b2 rgb(125,135,178)
```
#7582ba
```
#7582ba rgb(117,130,186)
```
#6d7ec2
```
#6d7ec2 rgb(109,126,194)
```
#6579ca
```
#6579ca rgb(101,121,202)
```
#5d74d2
```
#5d74d2 rgb(93,116,210)
```
#556fda
```
#556fda rgb(85,111,218)
```
#4d6ae2
```
#4d6ae2 rgb(77,106,226)
```
#4566ea
```
#4566ea rgb(69,102,234)
```
#3d61f2
```
#3d61f2 rgb(61,97,242)
```
#355cfa
```
#355cfa rgb(53,92,250)
```

Tone Color Variation

Below, you can see how #355cfa 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
#596180 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1369e7 Protanomaly 1% of men, 0.01% of women
#136dd5 Deuteranomaly 6% of men, 0.4% of women
#1373b0 Tritanomaly 0.01% of the population

#355cfa hex color

#355cfa Color Information

#355cfa Color Conversion

Color Schemes with #355cfa

Alternatives to #355cfa

#355cfa Preview

Shades and Tints of #355cfa

Tones of #355cfa

Color Blindness Simulator