#5db4fe hex color

In a RGB color space, hex #5db4fe is composed of 36.5% red, 70.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 29.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 207.6 degrees, a saturation of 98.8% and a lightness of 68%. #5db4fe color hex could be obtained by blending #baffff with #0069fd. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 71
- B 100
RGB color chart
- C 63
- M 29
- Y 0
- K 0
CMYK color chart

● #5db4fe color description : Soft blue.

The hexadecimal color #5db4fe has RGB values of R:93, G:180, B:254 and CMYK values of C:0.63, M:0.29, Y:0, K:0. Its decimal value is 6141182.

Hex triplet	5db4fe	`#5db4fe`
RGB Decimal	93, 180, 254	`rgb(93,180,254)`
RGB Percent	36.5, 70.6, 99.6	`rgb(36.5%,70.6%,99.6%)`
CMYK	63, 29, 0, 0
HSL	207.6°, 98.8, 68	`hsl(207.6,98.8%,68%)`
HSV (or HSB)	207.6°, 63.4, 99.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	70.955, -4.152, -44.386
XYZ	38.721, 42.123, 99.85
xyY	0.214, 0.233, 42.123
CIE-LCH	70.955, 44.58, 264.656
CIE-LUV	70.955, -35.223, -71.536
Hunter-Lab	64.902, -7.085, -45.785
Binary	01011101, 10110100, 11111110

#5db4fe
```
#5db4fe rgb(93,180,254)
```
#fea75d
```
#fea75d rgb(254,167,93)
```

Complementary Color

#5dfef8
```
#5dfef8 rgb(93,254,248)
```
#5db4fe
```
#5db4fe rgb(93,180,254)
```
#5d64fe
```
#5d64fe rgb(93,100,254)
```

Analogous Color

#fef85d
```
#fef85d rgb(254,248,93)
```
#5db4fe
```
#5db4fe rgb(93,180,254)
```
#fe5d64
```
#fe5d64 rgb(254,93,100)
```

Split Complementary Color

#b4fe5d
```
#b4fe5d rgb(180,254,93)
```
#5db4fe
```
#5db4fe rgb(93,180,254)
```
#fe5db4
```
#fe5db4 rgb(254,93,180)
```

Triadic Color

#5dfea7
```
#5dfea7 rgb(93,254,167)
```
#5db4fe
```
#5db4fe rgb(93,180,254)
```
#fe5db4
```
#fe5db4 rgb(254,93,180)
```
#fea75d
```
#fea75d rgb(254,167,93)
```

Tetradic Color

#1191fe
```
#1191fe rgb(17,145,254)
```
#2a9dfe
```
#2a9dfe rgb(42,157,254)
```
#44a8fe
```
#44a8fe rgb(68,168,254)
```
#5db4fe
```
#5db4fe rgb(93,180,254)
```
#76c0fe
```
#76c0fe rgb(118,192,254)
```
#90cbfe
```
#90cbfe rgb(144,203,254)
```
#a9d7fe
```
#a9d7fe rgb(169,215,254)
```

Monochromatic Color

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

#5ddcfe
```
#5ddcfe rgb(93,220,254)
```
#5dcffe
```
#5dcffe rgb(93,207,254)
```
#5dc1fe
```
#5dc1fe rgb(93,193,254)
```
#5db4fe
```
#5db4fe rgb(93,180,254)
```
#5da7fe
```
#5da7fe rgb(93,167,254)
```
#5d99fe
```
#5d99fe rgb(93,153,254)
```
#5d8cfe
```
#5d8cfe rgb(93,140,254)
```

Similar Colors

Text with hexadecimal color #5db4fe

This text has a font color of #5db4fe.

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

#5db4fe background color

This paragraph has a background color of #5db4fe.

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

#5db4fe border color

This element has a border color of #5db4fe.

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

CSS codes

.text {color:#5db4fe;}

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

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

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, #00070d is the darkest color, while #f9fcff is the lightest one.

#00070d
```
#00070d rgb(0,7,13)
```
#001221
```
#001221 rgb(0,18,33)
```
#001c34
```
#001c34 rgb(0,28,52)
```
#002748
```
#002748 rgb(0,39,72)
```
#01325b
```
#01325b rgb(1,50,91)
```
#013c6f
```
#013c6f rgb(1,60,111)
```
#014782
```
#014782 rgb(1,71,130)
```
#015196
```
#015196 rgb(1,81,150)
```
#015ca9
```
#015ca9 rgb(1,92,169)
```
#0167bd
```
#0167bd rgb(1,103,189)
```
#0171d0
```
#0171d0 rgb(1,113,208)
```
#017ce4
```
#017ce4 rgb(1,124,228)
```
#0286f7
```
#0286f7 rgb(2,134,247)
```

Shade Color Variation

#0f90fe
```
#0f90fe rgb(15,144,254)
```
#2399fe
```
#2399fe rgb(35,153,254)
```
#36a2fe
```
#36a2fe rgb(54,162,254)
```
#4aabfe
```
#4aabfe rgb(74,171,254)
```
#5db4fe
```
#5db4fe rgb(93,180,254)
```
#70bdfe
```
#70bdfe rgb(112,189,254)
```
#84c6fe
```
#84c6fe rgb(132,198,254)
```
#97cffe
```
#97cffe rgb(151,207,254)
```
#abd8fe
```
#abd8fe rgb(171,216,254)
```
#bee1ff
```
#bee1ff rgb(190,225,255)
```
#d2eaff
```
#d2eaff rgb(210,234,255)
```
#e5f3ff
```
#e5f3ff rgb(229,243,255)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

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

#a8aeb3
```
#a8aeb3 rgb(168,174,179)
```
#a2aeb9
```
#a2aeb9 rgb(162,174,185)
```
#9cafbf
```
#9cafbf rgb(156,175,191)
```
#95afc6
```
#95afc6 rgb(149,175,198)
```
#8fb0cc
```
#8fb0cc rgb(143,176,204)
```
#89b0d2
```
#89b0d2 rgb(137,176,210)
```
#83b1d8
```
#83b1d8 rgb(131,177,216)
```
#7cb1df
```
#7cb1df rgb(124,177,223)
```
#76b2e5
```
#76b2e5 rgb(118,178,229)
```
#70b2eb
```
#70b2eb rgb(112,178,235)
```
#6ab3f1
```
#6ab3f1 rgb(106,179,241)
```
#63b3f8
```
#63b3f8 rgb(99,179,248)
```
#5db4fe
```
#5db4fe rgb(93,180,254)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#94a6b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98aff7 Protanopia 1% of men
#8cb1ff Deuteranopia 1% of men
#44c1cf Tritanopia 0.001% of the population

Trichromacy

#83b1fa Protanomaly 1% of men, 0.01% of women
#7ab2fe Deuteranomaly 6% of men, 0.4% of women
#4dbce0 Tritanomaly 0.01% of the population

#5db4fe hex color

#5db4fe Color Information

#5db4fe Color Conversion

Color Schemes with #5db4fe

Alternatives to #5db4fe

#5db4fe Preview

Shades and Tints of #5db4fe

Tones of #5db4fe

Color Blindness Simulator