#353fdf hex color

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

♥
- f
- t
- g
- R 21
- G 25
- B 87
RGB color chart
- C 76
- M 72
- Y 0
- K 13
CMYK color chart

● #353fdf color description : Bright blue.

The hexadecimal color #353fdf has RGB values of R:53, G:63, B:223 and CMYK values of C:0.76, M:0.72, Y:0, K:0.13. Its decimal value is 3489759.

Hex triplet	353fdf	`#353fdf`
RGB Decimal	53, 63, 223	`rgb(53,63,223)`
RGB Percent	20.8, 24.7, 87.5	`rgb(20.8%,24.7%,87.5%)`
CMYK	76, 72, 0, 13
HSL	236.5°, 72.6, 54.1	`hsl(236.5,72.6%,54.1%)`
HSV (or HSB)	236.5°, 76.2, 87.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.186, 50.025, -81.566
XYZ	16.562, 9.639, 70.796
xyY	0.171, 0.099, 9.639
CIE-LCH	37.186, 95.685, 301.521
CIE-LUV	37.186, -9.9, -114.134
Hunter-Lab	31.046, 40.895, -113.469
Binary	00110101, 00111111, 11011111

#353fdf
```
#353fdf rgb(53,63,223)
```
#dfd535
```
#dfd535 rgb(223,213,53)
```

Complementary Color

#3594df
```
#3594df rgb(53,148,223)
```
#353fdf
```
#353fdf rgb(53,63,223)
```
#8035df
```
#8035df rgb(128,53,223)
```

Analogous Color

#94df35
```
#94df35 rgb(148,223,53)
```
#353fdf
```
#353fdf rgb(53,63,223)
```
#df8035
```
#df8035 rgb(223,128,53)
```

Split Complementary Color

#3fdf35
```
#3fdf35 rgb(63,223,53)
```
#353fdf
```
#353fdf rgb(53,63,223)
```
#df353f
```
#df353f rgb(223,53,63)
```

Triadic Color

#35dfd5
```
#35dfd5 rgb(53,223,213)
```
#353fdf
```
#353fdf rgb(53,63,223)
```
#df353f
```
#df353f rgb(223,53,63)
```
#dfd535
```
#dfd535 rgb(223,213,53)
```

Tetradic Color

#1b24ac
```
#1b24ac rgb(27,36,172)
```
#1f28c2
```
#1f28c2 rgb(31,40,194)
```
#222dd8
```
#222dd8 rgb(34,45,216)
```
#353fdf
```
#353fdf rgb(53,63,223)
```
#4b54e2
```
#4b54e2 rgb(75,84,226)
```
#6169e6
```
#6169e6 rgb(97,105,230)
```
#777ee9
```
#777ee9 rgb(119,126,233)
```

Monochromatic Color

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

#356adf
```
#356adf rgb(53,106,223)
```
#355bdf
```
#355bdf rgb(53,91,223)
```
#354ddf
```
#354ddf rgb(53,77,223)
```
#353fdf
```
#353fdf rgb(53,63,223)
```
#3935df
```
#3935df rgb(57,53,223)
```
#4735df
```
#4735df rgb(71,53,223)
```
#5635df
```
#5635df rgb(86,53,223)
```

Similar Colors

Text with hexadecimal color #353fdf

This text has a font color of #353fdf.

<span style="color:#353fdf;">Text here</span>

#353fdf background color

This paragraph has a background color of #353fdf.

<p style="background-color:#353fdf;">Content here</p>

#353fdf border color

This element has a border color of #353fdf.

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

CSS codes

.text {color:#353fdf;}

.background {background-color:#353fdf;}

.border {border:1px solid #353fdf;}

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 #eff0fd is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#030412
```
#030412 rgb(3,4,18)
```
#060723
```
#060723 rgb(6,7,35)
```
#080b34
```
#080b34 rgb(8,11,52)
```
#0b0e45
```
#0b0e45 rgb(11,14,69)
```
#0e1256
```
#0e1256 rgb(14,18,86)
```
#101567
```
#101567 rgb(16,21,103)
```
#131978
```
#131978 rgb(19,25,120)
```
#161c89
```
#161c89 rgb(22,28,137)
```
#18209a
```
#18209a rgb(24,32,154)
```
#1b23ab
```
#1b23ab rgb(27,35,171)
```
#1e27bb
```
#1e27bb rgb(30,39,187)
```
#202acc
```
#202acc rgb(32,42,204)
```

Shade Color Variation

#242fdc
```
#242fdc rgb(36,47,220)
```
#353fdf
```
#353fdf rgb(53,63,223)
```
#464fe2
```
#464fe2 rgb(70,79,226)
```
#575fe4
```
#575fe4 rgb(87,95,228)
```
#686fe7
```
#686fe7 rgb(104,111,231)
```
#797fea
```
#797fea rgb(121,127,234)
```
#8a8fec
```
#8a8fec rgb(138,143,236)
```
#9ba0ef
```
#9ba0ef rgb(155,160,239)
```
#acb0f2
```
#acb0f2 rgb(172,176,242)
```
#bcc0f4
```
#bcc0f4 rgb(188,192,244)
```
#cdd0f7
```
#cdd0f7 rgb(205,208,247)
```
#dee0fa
```
#dee0fa rgb(222,224,250)
```
#eff0fd
```
#eff0fd rgb(239,240,253)
```

Tint Color Variation

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

#86868e
```
#86868e rgb(134,134,142)
```
#7d7f97
```
#7d7f97 rgb(125,127,151)
```
#7477a0
```
#7477a0 rgb(116,119,160)
```
#6b6fa9
```
#6b6fa9 rgb(107,111,169)
```
#6267b2
```
#6267b2 rgb(98,103,178)
```
#595fbb
```
#595fbb rgb(89,95,187)
```
#5057c4
```
#5057c4 rgb(80,87,196)
```
#474fcd
```
#474fcd rgb(71,79,205)
```
#3e47d6
```
#3e47d6 rgb(62,71,214)
```
#353fdf
```
#353fdf rgb(53,63,223)
```
#2c37e8
```
#2c37e8 rgb(44,55,232)
```
#232ff1
```
#232ff1 rgb(35,47,241)
```
#1a27fa
```
#1a27fa rgb(26,39,250)
```

Tone Color Variation

Below, you can see how #353fdf 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

#4e4e4e Achromatopsia 0.005% of the population
#494b6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db5 Protanopia 1% of men
#00629d Deuteranopia 1% of men
#00696f Tritanopia 0.001% of the population

Trichromacy

#1352c4 Protanomaly 1% of men, 0.01% of women
#1355b5 Deuteranomaly 6% of men, 0.4% of women
#135a97 Tritanomaly 0.01% of the population

#353fdf hex color

#353fdf Color Information

#353fdf Color Conversion

Color Schemes with #353fdf

Alternatives to #353fdf

#353fdf Preview

Shades and Tints of #353fdf

Tones of #353fdf

Color Blindness Simulator