#358eed hex color

In a RGB color space, hex #358eed is composed of 20.8% red, 55.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 40.1% magenta, 0% yellow and 7.1% black. It has a hue angle of 211 degrees, a saturation of 83.6% and a lightness of 56.9%. #358eed color hex could be obtained by blending #6affff with #001ddb. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 21
- G 56
- B 93
RGB color chart
- C 78
- M 40
- Y 0
- K 7
CMYK color chart

● #358eed color description : Bright blue.

The hexadecimal color #358eed has RGB values of R:53, G:142, B:237 and CMYK values of C:0.78, M:0.4, Y:0, K:0.07. Its decimal value is 3509997.

Hex triplet	358eed	`#358eed`
RGB Decimal	53, 142, 237	`rgb(53,142,237)`
RGB Percent	20.8, 55.7, 92.9	`rgb(20.8%,55.7%,92.9%)`
CMYK	78, 40, 0, 7
HSL	211°, 83.6, 56.9	`hsl(211,83.6%,56.9%)`
HSV (or HSB)	211°, 77.6, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.241, 6.326, -55.271
XYZ	26.424, 26.215, 83.784
xyY	0.194, 0.192, 26.215
CIE-LCH	58.241, 55.632, 276.529
CIE-LUV	58.241, -30.529, -88.371
Hunter-Lab	51.201, 2.519, -61.18
Binary	00110101, 10001110, 11101101

#358eed
```
#358eed rgb(53,142,237)
```
#ed9435
```
#ed9435 rgb(237,148,53)
```

Complementary Color

#35eaed
```
#35eaed rgb(53,234,237)
```
#358eed
```
#358eed rgb(53,142,237)
```
#3835ed
```
#3835ed rgb(56,53,237)
```

Analogous Color

#eaed35
```
#eaed35 rgb(234,237,53)
```
#358eed
```
#358eed rgb(53,142,237)
```
#ed3835
```
#ed3835 rgb(237,56,53)
```

Split Complementary Color

#8eed35
```
#8eed35 rgb(142,237,53)
```
#358eed
```
#358eed rgb(53,142,237)
```
#ed358e
```
#ed358e rgb(237,53,142)
```

Triadic Color

#35ed94
```
#35ed94 rgb(53,237,148)
```
#358eed
```
#358eed rgb(53,142,237)
```
#ed358e
```
#ed358e rgb(237,53,142)
```
#ed9435
```
#ed9435 rgb(237,148,53)
```

Tetradic Color

#1168c4
```
#1168c4 rgb(17,104,196)
```
#1474db
```
#1474db rgb(20,116,219)
```
#1e81eb
```
#1e81eb rgb(30,129,235)
```
#358eed
```
#358eed rgb(53,142,237)
```
#4c9bef
```
#4c9bef rgb(76,155,239)
```
#64a8f1
```
#64a8f1 rgb(100,168,241)
```
#7bb5f3
```
#7bb5f3 rgb(123,181,243)
```

Monochromatic Color

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

#35bced
```
#35bced rgb(53,188,237)
```
#35aded
```
#35aded rgb(53,173,237)
```
#359ded
```
#359ded rgb(53,157,237)
```
#358eed
```
#358eed rgb(53,142,237)
```
#357fed
```
#357fed rgb(53,127,237)
```
#356fed
```
#356fed rgb(53,111,237)
```
#3560ed
```
#3560ed rgb(53,96,237)
```

Similar Colors

Text with hexadecimal color #358eed

This text has a font color of #358eed.

<span style="color:#358eed;">Text here</span>

#358eed background color

This paragraph has a background color of #358eed.

<p style="background-color:#358eed;">Content here</p>

#358eed border color

This element has a border color of #358eed.

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

CSS codes

.text {color:#358eed;}

.background {background-color:#358eed;}

.border {border:1px solid #358eed;}

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

#01070e
```
#01070e rgb(1,7,14)
```
#031120
```
#031120 rgb(3,17,32)
```
#041b32
```
#041b32 rgb(4,27,50)
```
#062444
```
#062444 rgb(6,36,68)
```
#082e56
```
#082e56 rgb(8,46,86)
```
#093768
```
#093768 rgb(9,55,104)
```
#0b417a
```
#0b417a rgb(11,65,122)
```
#0c4a8c
```
#0c4a8c rgb(12,74,140)
```
#0e549e
```
#0e549e rgb(14,84,158)
```
#105db0
```
#105db0 rgb(16,93,176)
```
#1167c2
```
#1167c2 rgb(17,103,194)
```
#1370d4
```
#1370d4 rgb(19,112,212)
```
#157ae6
```
#157ae6 rgb(21,122,230)
```

Shade Color Variation

#2384eb
```
#2384eb rgb(35,132,235)
```
#358eed
```
#358eed rgb(53,142,237)
```
#4798ef
```
#4798ef rgb(71,152,239)
```
#59a2f0
```
#59a2f0 rgb(89,162,240)
```
#6bacf2
```
#6bacf2 rgb(107,172,242)
```
#7db6f3
```
#7db6f3 rgb(125,182,243)
```
#8fc0f5
```
#8fc0f5 rgb(143,192,245)
```
#a1caf7
```
#a1caf7 rgb(161,202,247)
```
#b3d5f8
```
#b3d5f8 rgb(179,213,248)
```
#c5dffa
```
#c5dffa rgb(197,223,250)
```
#d7e9fb
```
#d7e9fb rgb(215,233,251)
```
#e9f3fd
```
#e9f3fd rgb(233,243,253)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a9198 is the less saturated color, while #248dfe is the most saturated one.

#8a9198
```
#8a9198 rgb(138,145,152)
```
#8190a1
```
#8190a1 rgb(129,144,161)
```
#7990a9
```
#7990a9 rgb(121,144,169)
```
#7090b2
```
#7090b2 rgb(112,144,178)
```
#6890ba
```
#6890ba rgb(104,144,186)
```
#5f8fc3
```
#5f8fc3 rgb(95,143,195)
```
#578fcb
```
#578fcb rgb(87,143,203)
```
#4e8fd4
```
#4e8fd4 rgb(78,143,212)
```
#468fdc
```
#468fdc rgb(70,143,220)
```
#3d8ee5
```
#3d8ee5 rgb(61,142,229)
```
#358eed
```
#358eed rgb(53,142,237)
```
#2d8ef5
```
#2d8ef5 rgb(45,142,245)
```
#248dfe
```
#248dfe rgb(36,141,254)
```

Tone Color Variation

Below, you can see how #358eed 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

#7e7e7e Achromatopsia 0.005% of the population
#6f8194 Atypical Achromatopsia 0.001% of the population

Dichromacy

#688fe9 Protanopia 1% of men
#4393ee Deuteranopia 1% of men
#00a0aa Tritanopia 0.001% of the population

Trichromacy

#558eeb Protanomaly 1% of men, 0.01% of women
#3e91ed Deuteranomaly 6% of men, 0.4% of women
#1399c2 Tritanomaly 0.01% of the population

#358eed hex color

#358eed Color Information

#358eed Color Conversion

Color Schemes with #358eed

Alternatives to #358eed

#358eed Preview

Shades and Tints of #358eed

Tones of #358eed

Color Blindness Simulator