#5abffd hex color

In a RGB color space, hex #5abffd is composed of 35.3% red, 74.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 24.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 202.8 degrees, a saturation of 97.6% and a lightness of 67.3%. #5abffd color hex could be obtained by blending #b4ffff with #007ffb. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 35
- G 75
- B 99
RGB color chart
- C 64
- M 25
- Y 0
- K 1
CMYK color chart

● #5abffd color description : Soft blue.

The hexadecimal color #5abffd has RGB values of R:90, G:191, B:253 and CMYK values of C:0.64, M:0.25, Y:0, K:0.01. Its decimal value is 5947389.

Hex triplet	5abffd	`#5abffd`
RGB Decimal	90, 191, 253	`rgb(90,191,253)`
RGB Percent	35.3, 74.9, 99.2	`rgb(35.3%,74.9%,99.2%)`
CMYK	64, 25, 0, 1
HSL	202.8°, 97.6, 67.3	`hsl(202.8,97.6%,67.3%)`
HSV (or HSB)	202.8°, 64.4, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.884, -10.959, -39.281
XYZ	40.572, 46.524, 99.765
xyY	0.217, 0.249, 46.524
CIE-LCH	73.884, 40.781, 254.411
CIE-LUV	73.884, -39.813, -62.281
Hunter-Lab	68.209, -13.188, -38.974
Binary	01011010, 10111111, 11111101

#5abffd
```
#5abffd rgb(90,191,253)
```
#fd985a
```
#fd985a rgb(253,152,90)
```

Complementary Color

#5afdea
```
#5afdea rgb(90,253,234)
```
#5abffd
```
#5abffd rgb(90,191,253)
```
#5a6efd
```
#5a6efd rgb(90,110,253)
```

Analogous Color

#fdea5a
```
#fdea5a rgb(253,234,90)
```
#5abffd
```
#5abffd rgb(90,191,253)
```
#fd5a6e
```
#fd5a6e rgb(253,90,110)
```

Split Complementary Color

#bffd5a
```
#bffd5a rgb(191,253,90)
```
#5abffd
```
#5abffd rgb(90,191,253)
```
#fd5abf
```
#fd5abf rgb(253,90,191)
```

Triadic Color

#5afd98
```
#5afd98 rgb(90,253,152)
```
#5abffd
```
#5abffd rgb(90,191,253)
```
#fd5abf
```
#fd5abf rgb(253,90,191)
```
#fd985a
```
#fd985a rgb(253,152,90)
```

Tetradic Color

#0ea2fc
```
#0ea2fc rgb(14,162,252)
```
#28abfc
```
#28abfc rgb(40,171,252)
```
#41b5fd
```
#41b5fd rgb(65,181,253)
```
#5abffd
```
#5abffd rgb(90,191,253)
```
#73c9fd
```
#73c9fd rgb(115,201,253)
```
#8cd3fe
```
#8cd3fe rgb(140,211,254)
```
#a6dcfe
```
#a6dcfe rgb(166,220,254)
```

Monochromatic Color

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

#5ae8fd
```
#5ae8fd rgb(90,232,253)
```
#5adafd
```
#5adafd rgb(90,218,253)
```
#5acdfd
```
#5acdfd rgb(90,205,253)
```
#5abffd
```
#5abffd rgb(90,191,253)
```
#5ab1fd
```
#5ab1fd rgb(90,177,253)
```
#5aa4fd
```
#5aa4fd rgb(90,164,253)
```
#5a96fd
```
#5a96fd rgb(90,150,253)
```

Similar Colors

Text with hexadecimal color #5abffd

This text has a font color of #5abffd.

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

#5abffd background color

This paragraph has a background color of #5abffd.

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

#5abffd border color

This element has a border color of #5abffd.

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

CSS codes

.text {color:#5abffd;}

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

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

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

#000609
```
#000609 rgb(0,6,9)
```
#00121d
```
#00121d rgb(0,18,29)
```
#011e30
```
#011e30 rgb(1,30,48)
```
#012a44
```
#012a44 rgb(1,42,68)
```
#013657
```
#013657 rgb(1,54,87)
```
#01426a
```
#01426a rgb(1,66,106)
```
#024e7e
```
#024e7e rgb(2,78,126)
```
#025b91
```
#025b91 rgb(2,91,145)
```
#0267a4
```
#0267a4 rgb(2,103,164)
```
#0273b8
```
#0273b8 rgb(2,115,184)
```
#027fcb
```
#027fcb rgb(2,127,203)
```
#038bdf
```
#038bdf rgb(3,139,223)
```
#0397f2
```
#0397f2 rgb(3,151,242)
```

Shade Color Variation

#0ca1fc
```
#0ca1fc rgb(12,161,252)
```
#20a8fc
```
#20a8fc rgb(32,168,252)
```
#33b0fd
```
#33b0fd rgb(51,176,253)
```
#47b7fd
```
#47b7fd rgb(71,183,253)
```
#5abffd
```
#5abffd rgb(90,191,253)
```
#6dc7fd
```
#6dc7fd rgb(109,199,253)
```
#81cefd
```
#81cefd rgb(129,206,253)
```
#94d6fe
```
#94d6fe rgb(148,214,254)
```
#a8ddfe
```
#a8ddfe rgb(168,221,254)
```
#bbe5fe
```
#bbe5fe rgb(187,229,254)
```
#ceecfe
```
#ceecfe rgb(206,236,254)
```
#e2f4ff
```
#e2f4ff rgb(226,244,255)
```
#f5fbff
```
#f5fbff rgb(245,251,255)
```

Tint Color Variation

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

#a7adb0
```
#a7adb0 rgb(167,173,176)
```
#a1aeb6
```
#a1aeb6 rgb(161,174,182)
```
#9ab0bd
```
#9ab0bd rgb(154,176,189)
```
#94b1c3
```
#94b1c3 rgb(148,177,195)
```
#8db3ca
```
#8db3ca rgb(141,179,202)
```
#87b4d0
```
#87b4d0 rgb(135,180,208)
```
#81b6d6
```
#81b6d6 rgb(129,182,214)
```
#7ab7dd
```
#7ab7dd rgb(122,183,221)
```
#74b9e3
```
#74b9e3 rgb(116,185,227)
```
#6dbaea
```
#6dbaea rgb(109,186,234)
```
#67bcf0
```
#67bcf0 rgb(103,188,240)
```
#60bdf7
```
#60bdf7 rgb(96,189,247)
```
#5abffd
```
#5abffd rgb(90,191,253)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#98adb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6b7f5 Protanopia 1% of men
#9cb7ff Deuteranopia 1% of men
#47c9d8 Tritanopia 0.001% of the population

Trichromacy

#8abaf8 Protanomaly 1% of men, 0.01% of women
#84bafe Deuteranomaly 6% of men, 0.4% of women
#4ec5e5 Tritanomaly 0.01% of the population

#5abffd hex color

#5abffd Color Information

#5abffd Color Conversion

Color Schemes with #5abffd

Alternatives to #5abffd

#5abffd Preview

Shades and Tints of #5abffd

Tones of #5abffd

Color Blindness Simulator