#5dc9f2 hex color

In a RGB color space, hex #5dc9f2 is composed of 36.5% red, 78.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 61.6% cyan, 16.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 196.5 degrees, a saturation of 85.1% and a lightness of 65.7%. #5dc9f2 color hex could be obtained by blending #baffff with #0093e5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 79
- B 95
RGB color chart
- C 62
- M 17
- Y 0
- K 5
CMYK color chart

● #5dc9f2 color description : Soft blue.

The hexadecimal color #5dc9f2 has RGB values of R:93, G:201, B:242 and CMYK values of C:0.62, M:0.17, Y:0, K:0.05. Its decimal value is 6146546.

Hex triplet	5dc9f2	`#5dc9f2`
RGB Decimal	93, 201, 242	`rgb(93,201,242)`
RGB Percent	36.5, 78.8, 94.9	`rgb(36.5%,78.8%,94.9%)`
CMYK	62, 17, 0, 5
HSL	196.5°, 85.1, 65.7	`hsl(196.5,85.1%,65.7%)`
HSV (or HSB)	196.5°, 61.6, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	76.38, -19.102, -29.503
XYZ	41.424, 50.508, 91.566
xyY	0.226, 0.275, 50.508
CIE-LCH	76.38, 35.147, 237.079
CIE-LUV	76.38, -43.217, -44.665
Hunter-Lab	71.069, -20.329, -26.641
Binary	01011101, 11001001, 11110010

#5dc9f2
```
#5dc9f2 rgb(93,201,242)
```
#f2865d
```
#f2865d rgb(242,134,93)
```

Complementary Color

#5df2d1
```
#5df2d1 rgb(93,242,209)
```
#5dc9f2
```
#5dc9f2 rgb(93,201,242)
```
#5d7ff2
```
#5d7ff2 rgb(93,127,242)
```

Analogous Color

#f2d15d
```
#f2d15d rgb(242,209,93)
```
#5dc9f2
```
#5dc9f2 rgb(93,201,242)
```
#f25d7f
```
#f25d7f rgb(242,93,127)
```

Split Complementary Color

#c9f25d
```
#c9f25d rgb(201,242,93)
```
#5dc9f2
```
#5dc9f2 rgb(93,201,242)
```
#f25dc9
```
#f25dc9 rgb(242,93,201)
```

Triadic Color

#5df286
```
#5df286 rgb(93,242,134)
```
#5dc9f2
```
#5dc9f2 rgb(93,201,242)
```
#f25dc9
```
#f25dc9 rgb(242,93,201)
```
#f2865d
```
#f2865d rgb(242,134,93)
```

Tetradic Color

#16b1ec
```
#16b1ec rgb(22,177,236)
```
#2eb9ee
```
#2eb9ee rgb(46,185,238)
```
#45c1f0
```
#45c1f0 rgb(69,193,240)
```
#5dc9f2
```
#5dc9f2 rgb(93,201,242)
```
#75d1f4
```
#75d1f4 rgb(117,209,244)
```
#8cd9f6
```
#8cd9f6 rgb(140,217,246)
```
#a4e1f8
```
#a4e1f8 rgb(164,225,248)
```

Monochromatic Color

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

#5deef2
```
#5deef2 rgb(93,238,242)
```
#5de2f2
```
#5de2f2 rgb(93,226,242)
```
#5dd5f2
```
#5dd5f2 rgb(93,213,242)
```
#5dc9f2
```
#5dc9f2 rgb(93,201,242)
```
#5dbdf2
```
#5dbdf2 rgb(93,189,242)
```
#5db0f2
```
#5db0f2 rgb(93,176,242)
```
#5da4f2
```
#5da4f2 rgb(93,164,242)
```

Similar Colors

Text with hexadecimal color #5dc9f2

This text has a font color of #5dc9f2.

<span style="color:#5dc9f2;">Text here</span>

#5dc9f2 background color

This paragraph has a background color of #5dc9f2.

<p style="background-color:#5dc9f2;">Content here</p>

#5dc9f2 border color

This element has a border color of #5dc9f2.

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

CSS codes

.text {color:#5dc9f2;}

.background {background-color:#5dc9f2;}

.border {border:1px solid #5dc9f2;}

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

#000101
```
#000101 rgb(0,1,1)
```
#020f14
```
#020f14 rgb(2,15,20)
```
#031c26
```
#031c26 rgb(3,28,38)
```
#042a38
```
#042a38 rgb(4,42,56)
```
#06374a
```
#06374a rgb(6,55,74)
```
#07455c
```
#07455c rgb(7,69,92)
```
#09526e
```
#09526e rgb(9,82,110)
```
#0a6081
```
#0a6081 rgb(10,96,129)
```
#0c6e93
```
#0c6e93 rgb(12,110,147)
```
#0d7ba5
```
#0d7ba5 rgb(13,123,165)
```
#0f89b7
```
#0f89b7 rgb(15,137,183)
```
#1096c9
```
#1096c9 rgb(16,150,201)
```
#12a4db
```
#12a4db rgb(18,164,219)
```

Shade Color Variation

#14b1ec
```
#14b1ec rgb(20,177,236)
```
#27b7ee
```
#27b7ee rgb(39,183,238)
```
#39bdef
```
#39bdef rgb(57,189,239)
```
#4bc3f1
```
#4bc3f1 rgb(75,195,241)
```
#5dc9f2
```
#5dc9f2 rgb(93,201,242)
```
#6fcff3
```
#6fcff3 rgb(111,207,243)
```
#81d5f5
```
#81d5f5 rgb(129,213,245)
```
#93dbf6
```
#93dbf6 rgb(147,219,246)
```
#a6e1f8
```
#a6e1f8 rgb(166,225,248)
```
#b8e7f9
```
#b8e7f9 rgb(184,231,249)
```
#caedfb
```
#caedfb rgb(202,237,251)
```
#dcf3fc
```
#dcf3fc rgb(220,243,252)
```
#eef9fe
```
#eef9fe rgb(238,249,254)
```

Tint Color Variation

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

#a7a8a8
```
#a7a8a8 rgb(167,168,168)
```
#a0abaf
```
#a0abaf rgb(160,171,175)
```
#9aaeb5
```
#9aaeb5 rgb(154,174,181)
```
#93b1bc
```
#93b1bc rgb(147,177,188)
```
#8cb4c3
```
#8cb4c3 rgb(140,180,195)
```
#85b7ca
```
#85b7ca rgb(133,183,202)
```
#7fbad0
```
#7fbad0 rgb(127,186,208)
```
#78bdd7
```
#78bdd7 rgb(120,189,215)
```
#71c0de
```
#71c0de rgb(113,192,222)
```
#6ac3e5
```
#6ac3e5 rgb(106,195,229)
```
#64c6eb
```
#64c6eb rgb(100,198,235)
```
#5dc9f2
```
#5dc9f2 rgb(93,201,242)
```
#56ccf9
```
#56ccf9 rgb(86,204,249)
```

Tone Color Variation

Below, you can see how #5dc9f2 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

#adadad Achromatopsia 0.005% of the population
#9db3bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4bee9 Protanopia 1% of men
#b0bdf8 Deuteranopia 1% of men
#59cfde Tritanopia 0.001% of the population

Trichromacy

#94c2ec Protanomaly 1% of men, 0.01% of women
#92c1f6 Deuteranomaly 6% of men, 0.4% of women
#5acde5 Tritanomaly 0.01% of the population

#5dc9f2 hex color

#5dc9f2 Color Information

#5dc9f2 Color Conversion

Color Schemes with #5dc9f2

Alternatives to #5dc9f2

#5dc9f2 Preview

Shades and Tints of #5dc9f2

Tones of #5dc9f2

Color Blindness Simulator