#355cfe hex color

In a RGB color space, hex #355cfe is composed of 20.8% red, 36.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 63.8% magenta, 0% yellow and 0.4% black. It has a hue angle of 228.4 degrees, a saturation of 99% and a lightness of 60.2%. #355cfe color hex could be obtained by blending #6ab8ff with #0000fd. Closest websafe color is: #3366ff.

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

● #355cfe color description : Bright blue.

The hexadecimal color #355cfe has RGB values of R:53, G:92, B:254 and CMYK values of C:0.79, M:0.64, Y:0, K:0. Its decimal value is 3497214.

Hex triplet	355cfe	`#355cfe`
RGB Decimal	53, 92, 254	`rgb(53,92,254)`
RGB Percent	20.8, 36.1, 99.6	`rgb(20.8%,36.1%,99.6%)`
CMYK	79, 64, 0, 0
HSL	228.4°, 99, 60.2	`hsl(228.4,99%,60.2%)`
HSV (or HSB)	228.4°, 79.1, 99.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.399, 43.432, -83.89
XYZ	23.181, 15.565, 95.543
xyY	0.173, 0.116, 15.565
CIE-LCH	46.399, 94.466, 297.372
CIE-LUV	46.399, -16.387, -126.962
Hunter-Lab	39.453, 35.838, -115.966
Binary	00110101, 01011100, 11111110

#355cfe
```
#355cfe rgb(53,92,254)
```
#fed735
```
#fed735 rgb(254,215,53)
```

Complementary Color

#35c1fe
```
#35c1fe rgb(53,193,254)
```
#355cfe
```
#355cfe rgb(53,92,254)
```
#7335fe
```
#7335fe rgb(115,53,254)
```

Analogous Color

#c1fe35
```
#c1fe35 rgb(193,254,53)
```
#355cfe
```
#355cfe rgb(53,92,254)
```
#fe7335
```
#fe7335 rgb(254,115,53)
```

Split Complementary Color

#5cfe35
```
#5cfe35 rgb(92,254,53)
```
#355cfe
```
#355cfe rgb(53,92,254)
```
#fe355c
```
#fe355c rgb(254,53,92)
```

Triadic Color

#35fed7
```
#35fed7 rgb(53,254,215)
```
#355cfe
```
#355cfe rgb(53,92,254)
```
#fe355c
```
#fe355c rgb(254,53,92)
```
#fed735
```
#fed735 rgb(254,215,53)
```

Tetradic Color

#012de5
```
#012de5 rgb(1,45,229)
```
#0233fe
```
#0233fe rgb(2,51,254)
```
#1c48fe
```
#1c48fe rgb(28,72,254)
```
#355cfe
```
#355cfe rgb(53,92,254)
```
#4e70fe
```
#4e70fe rgb(78,112,254)
```
#6885fe
```
#6885fe rgb(104,133,254)
```
#8199fe
```
#8199fe rgb(129,153,254)
```

Monochromatic Color

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

#358efe
```
#358efe rgb(53,142,254)
```
#357efe
```
#357efe rgb(53,126,254)
```
#356dfe
```
#356dfe rgb(53,109,254)
```
#355cfe
```
#355cfe rgb(53,92,254)
```
#354bfe
```
#354bfe rgb(53,75,254)
```
#353bfe
```
#353bfe rgb(53,59,254)
```
#4035fe
```
#4035fe rgb(64,53,254)
```

Similar Colors

Text with hexadecimal color #355cfe

This text has a font color of #355cfe.

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

#355cfe background color

This paragraph has a background color of #355cfe.

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

#355cfe border color

This element has a border color of #355cfe.

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

CSS codes

.text {color:#355cfe;}

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

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

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, #00030d is the darkest color, while #f8faff is the lightest one.

#00030d
```
#00030d rgb(0,3,13)
```
#000620
```
#000620 rgb(0,6,32)
```
#000a34
```
#000a34 rgb(0,10,52)
```
#000e47
```
#000e47 rgb(0,14,71)
```
#00125b
```
#00125b rgb(0,18,91)
```
#01166e
```
#01166e rgb(1,22,110)
```
#011a82
```
#011a82 rgb(1,26,130)
```
#011e95
```
#011e95 rgb(1,30,149)
```
#0121a9
```
#0121a9 rgb(1,33,169)
```
#0125bc
```
#0125bc rgb(1,37,188)
```
#0129d0
```
#0129d0 rgb(1,41,208)
```
#012de3
```
#012de3 rgb(1,45,227)
```
#0131f7
```
#0131f7 rgb(1,49,247)
```

Shade Color Variation

#0e3cfe
```
#0e3cfe rgb(14,60,254)
```
#214cfe
```
#214cfe rgb(33,76,254)
```
#355cfe
```
#355cfe rgb(53,92,254)
```
#496cfe
```
#496cfe rgb(73,108,254)
```
#5c7cfe
```
#5c7cfe rgb(92,124,254)
```
#708bfe
```
#708bfe rgb(112,139,254)
```
#839bfe
```
#839bfe rgb(131,155,254)
```
#97abfe
```
#97abfe rgb(151,171,254)
```
#aabbff
```
#aabbff rgb(170,187,255)
```
#becaff
```
#becaff rgb(190,202,255)
```
#d1daff
```
#d1daff rgb(209,218,255)
```
#e5eaff
```
#e5eaff rgb(229,234,255)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

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

#9395a0
```
#9395a0 rgb(147,149,160)
```
#8b91a8
```
#8b91a8 rgb(139,145,168)
```
#838cb0
```
#838cb0 rgb(131,140,176)
```
#7b87b8
```
#7b87b8 rgb(123,135,184)
```
#7382c0
```
#7382c0 rgb(115,130,192)
```
#6c7dc7
```
#6c7dc7 rgb(108,125,199)
```
#6479cf
```
#6479cf rgb(100,121,207)
```
#5c74d7
```
#5c74d7 rgb(92,116,215)
```
#546fdf
```
#546fdf rgb(84,111,223)
```
#4c6ae7
```
#4c6ae7 rgb(76,106,231)
```
#4566ee
```
#4566ee rgb(69,102,238)
```
#3d61f6
```
#3d61f6 rgb(61,97,246)
```
#355cfe
```
#355cfe rgb(53,92,254)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#5a6282 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072de Protanopia 1% of men
#0078c1 Deuteranopia 1% of men
#008187 Tritanopia 0.001% of the population

Trichromacy

#136ae9 Protanomaly 1% of men, 0.01% of women
#136ed7 Deuteranomaly 6% of men, 0.4% of women
#1373b2 Tritanomaly 0.01% of the population

#355cfe hex color

#355cfe Color Information

#355cfe Color Conversion

Color Schemes with #355cfe

Alternatives to #355cfe

#355cfe Preview

Shades and Tints of #355cfe

Tones of #355cfe

Color Blindness Simulator