#355aff hex color

In a RGB color space, hex #355aff is composed of 20.8% red, 35.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 64.7% magenta, 0% yellow and 0% black. It has a hue angle of 229 degrees, a saturation of 100% and a lightness of 60.4%. #355aff color hex could be obtained by blending #6ab4ff with #0000ff. Closest websafe color is: #3366ff.

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

● #355aff color description : Light blue.

The hexadecimal color #355aff has RGB values of R:53, G:90, B:255 and CMYK values of C:0.79, M:0.65, Y:0, K:0. Its decimal value is 3496703.

Hex triplet	355aff	`#355aff`
RGB Decimal	53, 90, 255	`rgb(53,90,255)`
RGB Percent	20.8, 35.3, 100	`rgb(20.8%,35.3%,100%)`
CMYK	79, 65, 0, 0
HSL	229°, 100, 60.4	`hsl(229,100%,60.4%)`
HSV (or HSB)	229°, 79.2, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.026, 44.995, -85.059
XYZ	23.171, 15.288, 96.332
xyY	0.172, 0.113, 15.288
CIE-LCH	46.026, 96.227, 297.878
CIE-LUV	46.026, -15.96, -128.187
Hunter-Lab	39.099, 37.357, -118.708
Binary	00110101, 01011010, 11111111

#355aff
```
#355aff rgb(53,90,255)
```
#ffda35
```
#ffda35 rgb(255,218,53)
```

Complementary Color

#35bfff
```
#35bfff rgb(53,191,255)
```
#355aff
```
#355aff rgb(53,90,255)
```
#7535ff
```
#7535ff rgb(117,53,255)
```

Analogous Color

#bfff35
```
#bfff35 rgb(191,255,53)
```
#355aff
```
#355aff rgb(53,90,255)
```
#ff7535
```
#ff7535 rgb(255,117,53)
```

Split Complementary Color

#5aff35
```
#5aff35 rgb(90,255,53)
```
#355aff
```
#355aff rgb(53,90,255)
```
#ff355a
```
#ff355a rgb(255,53,90)
```

Triadic Color

#35ffda
```
#35ffda rgb(53,255,218)
```
#355aff
```
#355aff rgb(53,90,255)
```
#ff355a
```
#ff355a rgb(255,53,90)
```
#ffda35
```
#ffda35 rgb(255,218,53)
```

Tetradic Color

#002ae8
```
#002ae8 rgb(0,42,232)
```
#0230ff
```
#0230ff rgb(2,48,255)
```
#1c45ff
```
#1c45ff rgb(28,69,255)
```
#355aff
```
#355aff rgb(53,90,255)
```
#4f6fff
```
#4f6fff rgb(79,111,255)
```
#6884ff
```
#6884ff rgb(104,132,255)
```
#8298ff
```
#8298ff rgb(130,152,255)
```

Monochromatic Color

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

#358dff
```
#358dff rgb(53,141,255)
```
#357cff
```
#357cff rgb(53,124,255)
```
#356bff
```
#356bff rgb(53,107,255)
```
#355aff
```
#355aff rgb(53,90,255)
```
#3549ff
```
#3549ff rgb(53,73,255)
```
#3538ff
```
#3538ff rgb(53,56,255)
```
#4235ff
```
#4235ff rgb(66,53,255)
```

Similar Colors

Text with hexadecimal color #355aff

This text has a font color of #355aff.

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

#355aff background color

This paragraph has a background color of #355aff.

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

#355aff border color

This element has a border color of #355aff.

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

CSS codes

.text {color:#355aff;}

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

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

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)
```
#000d49
```
#000d49 rgb(0,13,73)
```
#00115c
```
#00115c rgb(0,17,92)
```
#001470
```
#001470 rgb(0,20,112)
```
#001883
```
#001883 rgb(0,24,131)
```
#001c97
```
#001c97 rgb(0,28,151)
```
#001fab
```
#001fab rgb(0,31,171)
```
#0023be
```
#0023be rgb(0,35,190)
```
#0026d2
```
#0026d2 rgb(0,38,210)
```
#002ae6
```
#002ae6 rgb(0,42,230)
```
#002ef9
```
#002ef9 rgb(0,46,249)
```

Shade Color Variation

#0e3aff
```
#0e3aff rgb(14,58,255)
```
#214aff
```
#214aff rgb(33,74,255)
```
#355aff
```
#355aff rgb(53,90,255)
```
#496aff
```
#496aff rgb(73,106,255)
```
#5c7aff
```
#5c7aff rgb(92,122,255)
```
#708aff
```
#708aff rgb(112,138,255)
```
#839aff
```
#839aff rgb(131,154,255)
```
#97aaff
```
#97aaff rgb(151,170,255)
```
#abbaff
```
#abbaff rgb(171,186,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 #355aff is the most saturated one.

#9295a2
```
#9295a2 rgb(146,149,162)
```
#8a90aa
```
#8a90aa rgb(138,144,170)
```
#838bb1
```
#838bb1 rgb(131,139,177)
```
#7b86b9
```
#7b86b9 rgb(123,134,185)
```
#7381c1
```
#7381c1 rgb(115,129,193)
```
#6b7cc9
```
#6b7cc9 rgb(107,124,201)
```
#6478d0
```
#6478d0 rgb(100,120,208)
```
#5c73d8
```
#5c73d8 rgb(92,115,216)
```
#546ee0
```
#546ee0 rgb(84,110,224)
```
#4c69e8
```
#4c69e8 rgb(76,105,232)
```
#4564ef
```
#4564ef rgb(69,100,239)
```
#3d5ff7
```
#3d5ff7 rgb(61,95,247)
```
#355aff
```
#355aff rgb(53,90,255)
```

Tone Color Variation

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

Dichromacy

#0071dc Protanopia 1% of men
#0077bf Deuteranopia 1% of men
#008086 Tritanopia 0.001% of the population

Trichromacy

#1368e9 Protanomaly 1% of men, 0.01% of women
#136cd6 Deuteranomaly 6% of men, 0.4% of women
#1372b2 Tritanomaly 0.01% of the population

#355aff hex color

#355aff Color Information

#355aff Color Conversion

Color Schemes with #355aff

Alternatives to #355aff

#355aff Preview

Shades and Tints of #355aff

Tones of #355aff

Color Blindness Simulator