#355bff hex color

In a RGB color space, hex #355bff is composed of 20.8% red, 35.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 64.3% magenta, 0% yellow and 0% black. It has a hue angle of 228.7 degrees, a saturation of 100% and a lightness of 60.4%. #355bff color hex could be obtained by blending #6ab6ff with #0000ff. 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

● #355bff color description : Light blue.

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

Hex triplet	355bff	`#355bff`
RGB Decimal	53, 91, 255	`rgb(53,91,255)`
RGB Percent	20.8, 35.7, 100	`rgb(20.8%,35.7%,100%)`
CMYK	79, 64, 0, 0
HSL	228.7°, 100, 60.4	`hsl(228.7,100%,60.4%)`
HSV (or HSB)	228.7°, 79.2, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.254, 44.39, -84.683
XYZ	23.256, 15.457, 96.36
xyY	0.172, 0.114, 15.457
CIE-LCH	46.254, 95.612, 297.663
CIE-LUV	46.254, -16.178, -127.898
Hunter-Lab	39.316, 36.781, -117.794
Binary	00110101, 01011011, 11111111

#355bff
```
#355bff rgb(53,91,255)
```
#ffd935
```
#ffd935 rgb(255,217,53)
```

Complementary Color

#35c0ff
```
#35c0ff rgb(53,192,255)
```
#355bff
```
#355bff rgb(53,91,255)
```
#7435ff
```
#7435ff rgb(116,53,255)
```

Analogous Color

#c0ff35
```
#c0ff35 rgb(192,255,53)
```
#355bff
```
#355bff rgb(53,91,255)
```
#ff7435
```
#ff7435 rgb(255,116,53)
```

Split Complementary Color

#5bff35
```
#5bff35 rgb(91,255,53)
```
#355bff
```
#355bff rgb(53,91,255)
```
#ff355b
```
#ff355b rgb(255,53,91)
```

Triadic Color

#35ffd9
```
#35ffd9 rgb(53,255,217)
```
#355bff
```
#355bff rgb(53,91,255)
```
#ff355b
```
#ff355b rgb(255,53,91)
```
#ffd935
```
#ffd935 rgb(255,217,53)
```

Tetradic Color

#002ce8
```
#002ce8 rgb(0,44,232)
```
#0232ff
```
#0232ff rgb(2,50,255)
```
#1c46ff
```
#1c46ff rgb(28,70,255)
```
#355bff
```
#355bff rgb(53,91,255)
```
#4f70ff
```
#4f70ff rgb(79,112,255)
```
#6884ff
```
#6884ff rgb(104,132,255)
```
#8299ff
```
#8299ff rgb(130,153,255)
```

Monochromatic Color

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

#358eff
```
#358eff rgb(53,142,255)
```
#357dff
```
#357dff rgb(53,125,255)
```
#356cff
```
#356cff rgb(53,108,255)
```
#355bff
```
#355bff rgb(53,91,255)
```
#354aff
```
#354aff rgb(53,74,255)
```
#3539ff
```
#3539ff rgb(53,57,255)
```
#4135ff
```
#4135ff rgb(65,53,255)
```

Similar Colors

Text with hexadecimal color #355bff

This text has a font color of #355bff.

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

#355bff background color

This paragraph has a background color of #355bff.

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

#355bff border color

This element has a border color of #355bff.

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

CSS codes

.text {color:#355bff;}

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

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

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

#00030e
```
#00030e rgb(0,3,14)
```
#000621
```
#000621 rgb(0,6,33)
```
#000a35
```
#000a35 rgb(0,10,53)
```
#000e49
```
#000e49 rgb(0,14,73)
```
#00115c
```
#00115c rgb(0,17,92)
```
#001570
```
#001570 rgb(0,21,112)
```
#001983
```
#001983 rgb(0,25,131)
```
#001c97
```
#001c97 rgb(0,28,151)
```
#0020ab
```
#0020ab rgb(0,32,171)
```
#0024be
```
#0024be rgb(0,36,190)
```
#0027d2
```
#0027d2 rgb(0,39,210)
```
#002be6
```
#002be6 rgb(0,43,230)
```
#002ff9
```
#002ff9 rgb(0,47,249)
```

Shade Color Variation

#0e3bff
```
#0e3bff rgb(14,59,255)
```
#214bff
```
#214bff rgb(33,75,255)
```
#355bff
```
#355bff rgb(53,91,255)
```
#496bff
```
#496bff rgb(73,107,255)
```
#5c7bff
```
#5c7bff rgb(92,123,255)
```
#708bff
```
#708bff rgb(112,139,255)
```
#839bff
```
#839bff rgb(131,155,255)
```
#97abff
```
#97abff rgb(151,171,255)
```
#abbbff
```
#abbbff rgb(171,187,255)
```
#becaff
```
#becaff rgb(190,202,255)
```
#d2daff
```
#d2daff rgb(210,218,255)
```
#e6eaff
```
#e6eaff rgb(230,234,255)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

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

#9295a2
```
#9295a2 rgb(146,149,162)
```
#8a90aa
```
#8a90aa rgb(138,144,170)
```
#838bb1
```
#838bb1 rgb(131,139,177)
```
#7b87b9
```
#7b87b9 rgb(123,135,185)
```
#7382c1
```
#7382c1 rgb(115,130,193)
```
#6b7dc9
```
#6b7dc9 rgb(107,125,201)
```
#6478d0
```
#6478d0 rgb(100,120,208)
```
#5c73d8
```
#5c73d8 rgb(92,115,216)
```
#546ee0
```
#546ee0 rgb(84,110,224)
```
#4c6ae8
```
#4c6ae8 rgb(76,106,232)
```
#4565ef
```
#4565ef rgb(69,101,239)
```
#3d60f7
```
#3d60f7 rgb(61,96,247)
```
#355bff
```
#355bff rgb(53,91,255)
```

Tone Color Variation

Below, you can see how #355bff 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
#0078c0 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

#1369e9 Protanomaly 1% of men, 0.01% of women
#136dd7 Deuteranomaly 6% of men, 0.4% of women
#1373b2 Tritanomaly 0.01% of the population

#355bff hex color

#355bff Color Information

#355bff Color Conversion

Color Schemes with #355bff

Alternatives to #355bff

#355bff Preview

Shades and Tints of #355bff

Tones of #355bff

Color Blindness Simulator