#354df7 hex color

In a RGB color space, hex #354df7 is composed of 20.8% red, 30.2% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 68.8% magenta, 0% yellow and 3.1% black. It has a hue angle of 232.6 degrees, a saturation of 92.4% and a lightness of 58.8%. #354df7 color hex could be obtained by blending #6a9aff with #0000ef. Closest websafe color is: #3366ff.

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

● #354df7 color description : Bright blue.

The hexadecimal color #354df7 has RGB values of R:53, G:77, B:247 and CMYK values of C:0.79, M:0.69, Y:0, K:0.03. Its decimal value is 3493367.

Hex triplet	354df7	`#354df7`
RGB Decimal	53, 77, 247	`rgb(53,77,247)`
RGB Percent	20.8, 30.2, 96.9	`rgb(20.8%,30.2%,96.9%)`
CMYK	79, 69, 0, 3
HSL	232.6°, 92.4, 58.8	`hsl(232.6,92.4%,58.8%)`
HSV (or HSB)	232.6°, 78.5, 96.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	42.428, 49.982, -86.51
XYZ	20.907, 12.779, 89.355
xyY	0.17, 0.104, 12.779
CIE-LCH	42.428, 99.911, 300.017
CIE-LUV	42.428, -13.155, -126.342
Hunter-Lab	35.747, 41.84, -123.181
Binary	00110101, 01001101, 11110111

#354df7
```
#354df7 rgb(53,77,247)
```
#f7df35
```
#f7df35 rgb(247,223,53)
```

Complementary Color

#35aef7
```
#35aef7 rgb(53,174,247)
```
#354df7
```
#354df7 rgb(53,77,247)
```
#7e35f7
```
#7e35f7 rgb(126,53,247)
```

Analogous Color

#aef735
```
#aef735 rgb(174,247,53)
```
#354df7
```
#354df7 rgb(53,77,247)
```
#f77e35
```
#f77e35 rgb(247,126,53)
```

Split Complementary Color

#4df735
```
#4df735 rgb(77,247,53)
```
#354df7
```
#354df7 rgb(53,77,247)
```
#f7354d
```
#f7354d rgb(247,53,77)
```

Triadic Color

#35f7df
```
#35f7df rgb(53,247,223)
```
#354df7
```
#354df7 rgb(53,77,247)
```
#f7354d
```
#f7354d rgb(247,53,77)
```
#f7df35
```
#f7df35 rgb(247,223,53)
```

Tetradic Color

#0922d7
```
#0922d7 rgb(9,34,215)
```
#0926f0
```
#0926f0 rgb(9,38,240)
```
#1c37f6
```
#1c37f6 rgb(28,55,246)
```
#354df7
```
#354df7 rgb(53,77,247)
```
#4e63f8
```
#4e63f8 rgb(78,99,248)
```
#6678f9
```
#6678f9 rgb(102,120,249)
```
#7f8efa
```
#7f8efa rgb(127,142,250)
```

Monochromatic Color

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

#357ef7
```
#357ef7 rgb(53,126,247)
```
#356df7
```
#356df7 rgb(53,109,247)
```
#355df7
```
#355df7 rgb(53,93,247)
```
#354df7
```
#354df7 rgb(53,77,247)
```
#353df7
```
#353df7 rgb(53,61,247)
```
#3d35f7
```
#3d35f7 rgb(61,53,247)
```
#4e35f7
```
#4e35f7 rgb(78,53,247)
```

Similar Colors

Text with hexadecimal color #354df7

This text has a font color of #354df7.

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

#354df7 background color

This paragraph has a background color of #354df7.

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

#354df7 border color

This element has a border color of #354df7.

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

CSS codes

.text {color:#354df7;}

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

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

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

#000106
```
#000106 rgb(0,1,6)
```
#010418
```
#010418 rgb(1,4,24)
```
#02072b
```
#02072b rgb(2,7,43)
```
#020a3e
```
#020a3e rgb(2,10,62)
```
#030d51
```
#030d51 rgb(3,13,81)
```
#041064
```
#041064 rgb(4,16,100)
```
#051377
```
#051377 rgb(5,19,119)
```
#05168a
```
#05168a rgb(5,22,138)
```
#06199c
```
#06199c rgb(6,25,156)
```
#071caf
```
#071caf rgb(7,28,175)
```
#081fc2
```
#081fc2 rgb(8,31,194)
```
#0822d5
```
#0822d5 rgb(8,34,213)
```
#0925e8
```
#0925e8 rgb(9,37,232)
```

Shade Color Variation

#0f2cf6
```
#0f2cf6 rgb(15,44,246)
```
#223cf6
```
#223cf6 rgb(34,60,246)
```
#354df7
```
#354df7 rgb(53,77,247)
```
#485ef8
```
#485ef8 rgb(72,94,248)
```
#5b6ef8
```
#5b6ef8 rgb(91,110,248)
```
#6e7ff9
```
#6e7ff9 rgb(110,127,249)
```
#8090fa
```
#8090fa rgb(128,144,250)
```
#93a0fb
```
#93a0fb rgb(147,160,251)
```
#a6b1fb
```
#a6b1fb rgb(166,177,251)
```
#b9c1fc
```
#b9c1fc rgb(185,193,252)
```
#ccd2fd
```
#ccd2fd rgb(204,210,253)
```
#dfe3fe
```
#dfe3fe rgb(223,227,254)
```
#f2f3fe
```
#f2f3fe rgb(242,243,254)
```

Tint Color Variation

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

#969696
```
#969696 rgb(150,150,150)
```
#8e909e
```
#8e909e rgb(142,144,158)
```
#868aa6
```
#868aa6 rgb(134,138,166)
```
#7e84ae
```
#7e84ae rgb(126,132,174)
```
#767eb6
```
#767eb6 rgb(118,126,182)
```
#6e78be
```
#6e78be rgb(110,120,190)
```
#6571c7
```
#6571c7 rgb(101,113,199)
```
#5d6bcf
```
#5d6bcf rgb(93,107,207)
```
#5565d7
```
#5565d7 rgb(85,101,215)
```
#4d5fdf
```
#4d5fdf rgb(77,95,223)
```
#4559e7
```
#4559e7 rgb(69,89,231)
```
#3d53ef
```
#3d53ef rgb(61,83,239)
```
#354df7
```
#354df7 rgb(53,77,247)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#525779 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cc Protanopia 1% of men
#006fb1 Deuteranopia 1% of men
#00767d Tritanopia 0.001% of the population

Trichromacy

#135edc Protanomaly 1% of men, 0.01% of women
#1362ca Deuteranomaly 6% of men, 0.4% of women
#1367a9 Tritanomaly 0.01% of the population

#354df7 hex color

#354df7 Color Information

#354df7 Color Conversion

Color Schemes with #354df7

Alternatives to #354df7

#354df7 Preview

Shades and Tints of #354df7

Tones of #354df7

Color Blindness Simulator