#5abdfe hex color

In a RGB color space, hex #5abdfe is composed of 35.3% red, 74.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 25.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 203.8 degrees, a saturation of 98.8% and a lightness of 67.5%. #5abdfe color hex could be obtained by blending #b4ffff with #007bfd. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 35
- G 74
- B 100
RGB color chart
- C 65
- M 26
- Y 0
- K 0
CMYK color chart

● #5abdfe color description : Soft blue.

The hexadecimal color #5abdfe has RGB values of R:90, G:189, B:254 and CMYK values of C:0.65, M:0.26, Y:0, K:0. Its decimal value is 5946878.

Hex triplet	5abdfe	`#5abdfe`
RGB Decimal	90, 189, 254	`rgb(90,189,254)`
RGB Percent	35.3, 74.1, 99.6	`rgb(35.3%,74.1%,99.6%)`
CMYK	65, 26, 0, 0
HSL	203.8°, 98.8, 67.5	`hsl(203.8,98.8%,67.5%)`
HSV (or HSB)	203.8°, 64.6, 99.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.365, -9.566, -40.628
XYZ	40.299, 45.722, 100.462
xyY	0.216, 0.245, 45.722
CIE-LCH	73.365, 41.739, 256.751
CIE-LUV	73.365, -39.064, -64.719
Hunter-Lab	67.618, -11.948, -40.757
Binary	01011010, 10111101, 11111110

#5abdfe
```
#5abdfe rgb(90,189,254)
```
#fe9b5a
```
#fe9b5a rgb(254,155,90)
```

Complementary Color

#5afeed
```
#5afeed rgb(90,254,237)
```
#5abdfe
```
#5abdfe rgb(90,189,254)
```
#5a6bfe
```
#5a6bfe rgb(90,107,254)
```

Analogous Color

#feed5a
```
#feed5a rgb(254,237,90)
```
#5abdfe
```
#5abdfe rgb(90,189,254)
```
#fe5a6b
```
#fe5a6b rgb(254,90,107)
```

Split Complementary Color

#bdfe5a
```
#bdfe5a rgb(189,254,90)
```
#5abdfe
```
#5abdfe rgb(90,189,254)
```
#fe5abd
```
#fe5abd rgb(254,90,189)
```

Triadic Color

#5afe9b
```
#5afe9b rgb(90,254,155)
```
#5abdfe
```
#5abdfe rgb(90,189,254)
```
#fe5abd
```
#fe5abd rgb(254,90,189)
```
#fe9b5a
```
#fe9b5a rgb(254,155,90)
```

Tetradic Color

#0e9ffe
```
#0e9ffe rgb(14,159,254)
```
#27a9fe
```
#27a9fe rgb(39,169,254)
```
#41b3fe
```
#41b3fe rgb(65,179,254)
```
#5abdfe
```
#5abdfe rgb(90,189,254)
```
#73c7fe
```
#73c7fe rgb(115,199,254)
```
#8dd1fe
```
#8dd1fe rgb(141,209,254)
```
#a6dbfe
```
#a6dbfe rgb(166,219,254)
```

Monochromatic Color

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

#5ae6fe
```
#5ae6fe rgb(90,230,254)
```
#5ad8fe
```
#5ad8fe rgb(90,216,254)
```
#5acbfe
```
#5acbfe rgb(90,203,254)
```
#5abdfe
```
#5abdfe rgb(90,189,254)
```
#5aaffe
```
#5aaffe rgb(90,175,254)
```
#5aa2fe
```
#5aa2fe rgb(90,162,254)
```
#5a94fe
```
#5a94fe rgb(90,148,254)
```

Similar Colors

Text with hexadecimal color #5abdfe

This text has a font color of #5abdfe.

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

#5abdfe background color

This paragraph has a background color of #5abdfe.

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

#5abdfe border color

This element has a border color of #5abdfe.

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

CSS codes

.text {color:#5abdfe;}

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

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

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, #00060a is the darkest color, while #f6fbff is the lightest one.

#00060a
```
#00060a rgb(0,6,10)
```
#00121e
```
#00121e rgb(0,18,30)
```
#001e31
```
#001e31 rgb(0,30,49)
```
#002a45
```
#002a45 rgb(0,42,69)
```
#013658
```
#013658 rgb(1,54,88)
```
#01416c
```
#01416c rgb(1,65,108)
```
#014d7f
```
#014d7f rgb(1,77,127)
```
#015993
```
#015993 rgb(1,89,147)
```
#0165a6
```
#0165a6 rgb(1,101,166)
```
#0171ba
```
#0171ba rgb(1,113,186)
```
#017dcd
```
#017dcd rgb(1,125,205)
```
#0188e1
```
#0188e1 rgb(1,136,225)
```
#0194f4
```
#0194f4 rgb(1,148,244)
```

Shade Color Variation

#0c9efe
```
#0c9efe rgb(12,158,254)
```
#20a6fe
```
#20a6fe rgb(32,166,254)
```
#33adfe
```
#33adfe rgb(51,173,254)
```
#47b5fe
```
#47b5fe rgb(71,181,254)
```
#5abdfe
```
#5abdfe rgb(90,189,254)
```
#6dc5fe
```
#6dc5fe rgb(109,197,254)
```
#81cdfe
```
#81cdfe rgb(129,205,254)
```
#94d4fe
```
#94d4fe rgb(148,212,254)
```
#a8dcfe
```
#a8dcfe rgb(168,220,254)
```
#bbe4ff
```
#bbe4ff rgb(187,228,255)
```
#cfecff
```
#cfecff rgb(207,236,255)
```
#e2f4ff
```
#e2f4ff rgb(226,244,255)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

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

#a7adb1
```
#a7adb1 rgb(167,173,177)
```
#a0aeb8
```
#a0aeb8 rgb(160,174,184)
```
#9ab0be
```
#9ab0be rgb(154,176,190)
```
#93b1c5
```
#93b1c5 rgb(147,177,197)
```
#8db2cb
```
#8db2cb rgb(141,178,203)
```
#87b4d1
```
#87b4d1 rgb(135,180,209)
```
#80b5d8
```
#80b5d8 rgb(128,181,216)
```
#7ab6de
```
#7ab6de rgb(122,182,222)
```
#74b8e4
```
#74b8e4 rgb(116,184,228)
```
#6db9eb
```
#6db9eb rgb(109,185,235)
```
#67baf1
```
#67baf1 rgb(103,186,241)
```
#60bcf8
```
#60bcf8 rgb(96,188,248)
```
#5abdfe
```
#5abdfe rgb(90,189,254)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#98abb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3b5f6 Protanopia 1% of men
#99b6ff Deuteranopia 1% of men
#45c8d6 Tritanopia 0.001% of the population

Trichromacy

#88b8f9 Protanomaly 1% of men, 0.01% of women
#82b9fe Deuteranomaly 6% of men, 0.4% of women
#4dc4e5 Tritanomaly 0.01% of the population

#5abdfe hex color

#5abdfe Color Information

#5abdfe Color Conversion

Color Schemes with #5abdfe

Alternatives to #5abdfe

#5abdfe Preview

Shades and Tints of #5abdfe

Tones of #5abdfe

Color Blindness Simulator