colorhexa.com

#354bdf hex color

In a RGB color space, hex #354bdf is composed of 20.8% red, 29.4% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 76.2% cyan, 66.4% magenta, 0% yellow and 12.5% black. It has a hue angle of 232.2 degrees, a saturation of 72.6% and a lightness of 54.1%. #354bdf color hex could be obtained by blending #6a96ff with #0000bf. Closest websafe color is: #3333cc.

- R 21
- G 29
- B 87
RGB color chart
- C 76
- M 66
- Y 0
- K 13
CMYK color chart

● #354bdf color description : Bright blue.

The hexadecimal color #354bdf has RGB values of R:53, G:75, B:223 and CMYK values of C:0.76, M:0.66, Y:0, K:0.13. Its decimal value is 3492831.

Hex triplet	354bdf	`#354bdf`
RGB Decimal	53, 75, 223	`rgb(53,75,223)`
RGB Percent	20.8, 29.4, 87.5	`rgb(20.8%,29.4%,87.5%)`
CMYK	76, 66, 0, 13
HSL	232.2°, 72.6, 54.1	`hsl(232.2,72.6%,54.1%)`
HSV (or HSB)	232.2°, 76.2, 87.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	39.774, 42.958, -77.303
XYZ	17.301, 11.116, 71.042
xyY	0.174, 0.112, 11.116
CIE-LCH	39.774, 88.437, 299.061
CIE-LUV	39.774, -12.2, -111.918
Hunter-Lab	33.34, 34.282, -102.998
Binary	00110101, 01001011, 11011111

#354bdf
```
#354bdf rgb(53,75,223)
```
#dfc935
```
#dfc935 rgb(223,201,53)
```

Complementary Color

#35a0df
```
#35a0df rgb(53,160,223)
```
#354bdf
```
#354bdf rgb(53,75,223)
```
#7435df
```
#7435df rgb(116,53,223)
```

Analogous Color

#a0df35
```
#a0df35 rgb(160,223,53)
```
#354bdf
```
#354bdf rgb(53,75,223)
```
#df7435
```
#df7435 rgb(223,116,53)
```

Split Complementary Color

#4bdf35
```
#4bdf35 rgb(75,223,53)
```
#354bdf
```
#354bdf rgb(53,75,223)
```
#df354b
```
#df354b rgb(223,53,75)
```

Triadic Color

#35dfc9
```
#35dfc9 rgb(53,223,201)
```
#354bdf
```
#354bdf rgb(53,75,223)
```
#df354b
```
#df354b rgb(223,53,75)
```
#dfc935
```
#dfc935 rgb(223,201,53)
```

Tetradic Color

#1b2eac
```
#1b2eac rgb(27,46,172)
```
#1f34c2
```
#1f34c2 rgb(31,52,194)
```
#223ad8
```
#223ad8 rgb(34,58,216)
```
#354bdf
```
#354bdf rgb(53,75,223)
```
#4b5fe2
```
#4b5fe2 rgb(75,95,226)
```
#6172e6
```
#6172e6 rgb(97,114,230)
```
#7786e9
```
#7786e9 rgb(119,134,233)
```

Monochromatic Color

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

#3576df
```
#3576df rgb(53,118,223)
```
#3567df
```
#3567df rgb(53,103,223)
```
#3559df
```
#3559df rgb(53,89,223)
```
#354bdf
```
#354bdf rgb(53,75,223)
```
#353ddf
```
#353ddf rgb(53,61,223)
```
#3b35df
```
#3b35df rgb(59,53,223)
```
#4a35df
```
#4a35df rgb(74,53,223)
```

Similar Colors

Text with hexadecimal color #354bdf

This text has a font color of #354bdf.

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

#354bdf background color

This paragraph has a background color of #354bdf.

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

#354bdf border color

This element has a border color of #354bdf.

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

CSS codes

.text {color:#354bdf;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030512
```
#030512 rgb(3,5,18)
```
#060923
```
#060923 rgb(6,9,35)
```
#080e34
```
#080e34 rgb(8,14,52)
```
#0b1245
```
#0b1245 rgb(11,18,69)
```
#0e1756
```
#0e1756 rgb(14,23,86)
```
#101b67
```
#101b67 rgb(16,27,103)
```
#132078
```
#132078 rgb(19,32,120)
```
#162589
```
#162589 rgb(22,37,137)
```
#18299a
```
#18299a rgb(24,41,154)
```
#1b2eab
```
#1b2eab rgb(27,46,171)
```
#1e32bb
```
#1e32bb rgb(30,50,187)
```
#2037cc
```
#2037cc rgb(32,55,204)
```

Shade Color Variation

#243cdc
```
#243cdc rgb(36,60,220)
```
#354bdf
```
#354bdf rgb(53,75,223)
```
#465ae2
```
#465ae2 rgb(70,90,226)
```
#5769e4
```
#5769e4 rgb(87,105,228)
```
#6878e7
```
#6878e7 rgb(104,120,231)
```
#7987ea
```
#7987ea rgb(121,135,234)
```
#8a96ec
```
#8a96ec rgb(138,150,236)
```
#9ba6ef
```
#9ba6ef rgb(155,166,239)
```
#acb5f2
```
#acb5f2 rgb(172,181,242)
```
#bcc4f4
```
#bcc4f4 rgb(188,196,244)
```
#cdd3f7
```
#cdd3f7 rgb(205,211,247)
```
#dee2fa
```
#dee2fa rgb(222,226,250)
```
#eff1fd
```
#eff1fd rgb(239,241,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #86878e is the less saturated color, while #1a37fa is the most saturated one.

#86878e
```
#86878e rgb(134,135,142)
```
#7d8097
```
#7d8097 rgb(125,128,151)
```
#747aa0
```
#747aa0 rgb(116,122,160)
```
#6b73a9
```
#6b73a9 rgb(107,115,169)
```
#626cb2
```
#626cb2 rgb(98,108,178)
```
#5966bb
```
#5966bb rgb(89,102,187)
```
#505fc4
```
#505fc4 rgb(80,95,196)
```
#4758cd
```
#4758cd rgb(71,88,205)
```
#3e52d6
```
#3e52d6 rgb(62,82,214)
```
#354bdf
```
#354bdf rgb(53,75,223)
```
#2c44e8
```
#2c44e8 rgb(44,68,232)
```
#233ef1
```
#233ef1 rgb(35,62,241)
```
#1a37fa
```
#1a37fa rgb(26,55,250)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4f5371 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c1 Protanopia 1% of men
#0068a7 Deuteranopia 1% of men
#007076 Tritanopia 0.001% of the population

Trichromacy

#135acc Protanomaly 1% of men, 0.01% of women
#135dbb Deuteranomaly 6% of men, 0.4% of women
#13629c Tritanomaly 0.01% of the population