#354dff hex color

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

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

● #354dff color description : Light blue.

The hexadecimal color #354dff has RGB values of R:53, G:77, B:255 and CMYK values of C:0.79, M:0.7, Y:0, K:0. Its decimal value is 3493375.

Hex triplet	354dff	`#354dff`
RGB Decimal	53, 77, 255	`rgb(53,77,255)`
RGB Percent	20.8, 30.2, 100	`rgb(20.8%,30.2%,100%)`
CMYK	79, 70, 0, 0
HSL	232.9°, 100, 60.4	`hsl(232.9,100%,60.4%)`
HSV (or HSB)	232.9°, 79.2, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.187, 52.661, -89.731
XYZ	22.168, 13.283, 95.998
xyY	0.169, 0.101, 13.283
CIE-LCH	43.187, 104.043, 300.408
CIE-LUV	43.187, -13.344, -131.181
Hunter-Lab	36.446, 44.793, -130.656
Binary	00110101, 01001101, 11111111

#354dff
```
#354dff rgb(53,77,255)
```
#ffe735
```
#ffe735 rgb(255,231,53)
```

Complementary Color

#35b2ff
```
#35b2ff rgb(53,178,255)
```
#354dff
```
#354dff rgb(53,77,255)
```
#8235ff
```
#8235ff rgb(130,53,255)
```

Analogous Color

#b2ff35
```
#b2ff35 rgb(178,255,53)
```
#354dff
```
#354dff rgb(53,77,255)
```
#ff8235
```
#ff8235 rgb(255,130,53)
```

Split Complementary Color

#4dff35
```
#4dff35 rgb(77,255,53)
```
#354dff
```
#354dff rgb(53,77,255)
```
#ff354d
```
#ff354d rgb(255,53,77)
```

Triadic Color

#35ffe7
```
#35ffe7 rgb(53,255,231)
```
#354dff
```
#354dff rgb(53,77,255)
```
#ff354d
```
#ff354d rgb(255,53,77)
```
#ffe735
```
#ffe735 rgb(255,231,53)
```

Tetradic Color

#001ce8
```
#001ce8 rgb(0,28,232)
```
#0220ff
```
#0220ff rgb(2,32,255)
```
#1c37ff
```
#1c37ff rgb(28,55,255)
```
#354dff
```
#354dff rgb(53,77,255)
```
#4f63ff
```
#4f63ff rgb(79,99,255)
```
#687aff
```
#687aff rgb(104,122,255)
```
#8290ff
```
#8290ff rgb(130,144,255)
```

Monochromatic Color

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

#3580ff
```
#3580ff rgb(53,128,255)
```
#356fff
```
#356fff rgb(53,111,255)
```
#355eff
```
#355eff rgb(53,94,255)
```
#354dff
```
#354dff rgb(53,77,255)
```
#353cff
```
#353cff rgb(53,60,255)
```
#3f35ff
```
#3f35ff rgb(63,53,255)
```
#5035ff
```
#5035ff rgb(80,53,255)
```

Similar Colors

Text with hexadecimal color #354dff

This text has a font color of #354dff.

<span style="color:#354dff;">Text here</span>

#354dff background color

This paragraph has a background color of #354dff.

<p style="background-color:#354dff;">Content here</p>

#354dff border color

This element has a border color of #354dff.

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

CSS codes

.text {color:#354dff;}

.background {background-color:#354dff;}

.border {border:1px solid #354dff;}

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

#00020e
```
#00020e rgb(0,2,14)
```
#000421
```
#000421 rgb(0,4,33)
```
#000635
```
#000635 rgb(0,6,53)
```
#000949
```
#000949 rgb(0,9,73)
```
#000b5c
```
#000b5c rgb(0,11,92)
```
#000d70
```
#000d70 rgb(0,13,112)
```
#001083
```
#001083 rgb(0,16,131)
```
#001297
```
#001297 rgb(0,18,151)
```
#0014ab
```
#0014ab rgb(0,20,171)
```
#0017be
```
#0017be rgb(0,23,190)
```
#0019d2
```
#0019d2 rgb(0,25,210)
```
#001be6
```
#001be6 rgb(0,27,230)
```
#001ef9
```
#001ef9 rgb(0,30,249)
```

Shade Color Variation

#0e2aff
```
#0e2aff rgb(14,42,255)
```
#213cff
```
#213cff rgb(33,60,255)
```
#354dff
```
#354dff rgb(53,77,255)
```
#495eff
```
#495eff rgb(73,94,255)
```
#5c70ff
```
#5c70ff rgb(92,112,255)
```
#7081ff
```
#7081ff rgb(112,129,255)
```
#8392ff
```
#8392ff rgb(131,146,255)
```
#97a3ff
```
#97a3ff rgb(151,163,255)
```
#abb5ff
```
#abb5ff rgb(171,181,255)
```
#bec6ff
```
#bec6ff rgb(190,198,255)
```
#d2d7ff
```
#d2d7ff rgb(210,215,255)
```
#e6e9ff
```
#e6e9ff rgb(230,233,255)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

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

#9294a2
```
#9294a2 rgb(146,148,162)
```
#8a8eaa
```
#8a8eaa rgb(138,142,170)
```
#8388b1
```
#8388b1 rgb(131,136,177)
```
#7b82b9
```
#7b82b9 rgb(123,130,185)
```
#737cc1
```
#737cc1 rgb(115,124,193)
```
#6b76c9
```
#6b76c9 rgb(107,118,201)
```
#6471d0
```
#6471d0 rgb(100,113,208)
```
#5c6bd8
```
#5c6bd8 rgb(92,107,216)
```
#5465e0
```
#5465e0 rgb(84,101,224)
```
#4c5fe8
```
#4c5fe8 rgb(76,95,232)
```
#4559ef
```
#4559ef rgb(69,89,239)
```
#3d53f7
```
#3d53f7 rgb(61,83,247)
```
#354dff
```
#354dff rgb(53,77,255)
```

Tone Color Variation

Below, you can see how #354dff 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

#5a5a5a Achromatopsia 0.005% of the population
#53577b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006acf Protanopia 1% of men
#0071b4 Deuteranopia 1% of men
#00787e Tritanopia 0.001% of the population

Trichromacy

#135fe1 Protanomaly 1% of men, 0.01% of women
#1363cf Deuteranomaly 6% of men, 0.4% of women
#1368ad Tritanomaly 0.01% of the population

#354dff hex color

#354dff Color Information

#354dff Color Conversion

Color Schemes with #354dff

Alternatives to #354dff

#354dff Preview

Shades and Tints of #354dff

Tones of #354dff

Color Blindness Simulator