#5baafd hex color

In a RGB color space, hex #5baafd is composed of 35.7% red, 66.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 32.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 210.7 degrees, a saturation of 97.6% and a lightness of 67.5%. #5baafd color hex could be obtained by blending #b6ffff with #0055fb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 67
- B 99
RGB color chart
- C 64
- M 33
- Y 0
- K 1
CMYK color chart

● #5baafd color description : Soft blue.

The hexadecimal color #5baafd has RGB values of R:91, G:170, B:253 and CMYK values of C:0.64, M:0.33, Y:0, K:0.01. Its decimal value is 6007549.

Hex triplet	5baafd	`#5baafd`
RGB Decimal	91, 170, 253	`rgb(91,170,253)`
RGB Percent	35.7, 66.7, 99.2	`rgb(35.7%,66.7%,99.2%)`
CMYK	64, 33, 0, 1
HSL	210.7°, 97.6, 67.5	`hsl(210.7,97.6%,67.5%)`
HSV (or HSB)	210.7°, 64, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.067, 0.789, -48.389
XYZ	36.415, 38.063, 98.351
xyY	0.211, 0.22, 38.063
CIE-LCH	68.067, 48.395, 270.935
CIE-LUV	68.067, -32.236, -78.509
Hunter-Lab	61.695, -2.61, -51.33
Binary	01011011, 10101010, 11111101

#5baafd
```
#5baafd rgb(91,170,253)
```
#fdae5b
```
#fdae5b rgb(253,174,91)
```

Complementary Color

#5bfbfd
```
#5bfbfd rgb(91,251,253)
```
#5baafd
```
#5baafd rgb(91,170,253)
```
#5d5bfd
```
#5d5bfd rgb(93,91,253)
```

Analogous Color

#fbfd5b
```
#fbfd5b rgb(251,253,91)
```
#5baafd
```
#5baafd rgb(91,170,253)
```
#fd5d5b
```
#fd5d5b rgb(253,93,91)
```

Split Complementary Color

#aafd5b
```
#aafd5b rgb(170,253,91)
```
#5baafd
```
#5baafd rgb(91,170,253)
```
#fd5baa
```
#fd5baa rgb(253,91,170)
```

Triadic Color

#5bfdae
```
#5bfdae rgb(91,253,174)
```
#5baafd
```
#5baafd rgb(91,170,253)
```
#fd5baa
```
#fd5baa rgb(253,91,170)
```
#fdae5b
```
#fdae5b rgb(253,174,91)
```

Tetradic Color

#0f83fc
```
#0f83fc rgb(15,131,252)
```
#2990fc
```
#2990fc rgb(41,144,252)
```
#429dfd
```
#429dfd rgb(66,157,253)
```
#5baafd
```
#5baafd rgb(91,170,253)
```
#74b7fd
```
#74b7fd rgb(116,183,253)
```
#8dc4fe
```
#8dc4fe rgb(141,196,254)
```
#a7d1fe
```
#a7d1fe rgb(167,209,254)
```

Monochromatic Color

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

#5bd3fd
```
#5bd3fd rgb(91,211,253)
```
#5bc5fd
```
#5bc5fd rgb(91,197,253)
```
#5bb8fd
```
#5bb8fd rgb(91,184,253)
```
#5baafd
```
#5baafd rgb(91,170,253)
```
#5b9dfd
```
#5b9dfd rgb(91,157,253)
```
#5b8ffd
```
#5b8ffd rgb(91,143,253)
```
#5b82fd
```
#5b82fd rgb(91,130,253)
```

Similar Colors

Text with hexadecimal color #5baafd

This text has a font color of #5baafd.

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

#5baafd background color

This paragraph has a background color of #5baafd.

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

#5baafd border color

This element has a border color of #5baafd.

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

CSS codes

.text {color:#5baafd;}

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

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

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

#00050a
```
#00050a rgb(0,5,10)
```
#000f1e
```
#000f1e rgb(0,15,30)
```
#011831
```
#011831 rgb(1,24,49)
```
#012245
```
#012245 rgb(1,34,69)
```
#012b58
```
#012b58 rgb(1,43,88)
```
#01356b
```
#01356b rgb(1,53,107)
```
#023f7f
```
#023f7f rgb(2,63,127)
```
#024892
```
#024892 rgb(2,72,146)
```
#0252a5
```
#0252a5 rgb(2,82,165)
```
#025bb9
```
#025bb9 rgb(2,91,185)
```
#0265cc
```
#0265cc rgb(2,101,204)
```
#036ee0
```
#036ee0 rgb(3,110,224)
```
#0378f3
```
#0378f3 rgb(3,120,243)
```

Shade Color Variation

#0d82fc
```
#0d82fc rgb(13,130,252)
```
#218cfc
```
#218cfc rgb(33,140,252)
```
#3496fd
```
#3496fd rgb(52,150,253)
```
#48a0fd
```
#48a0fd rgb(72,160,253)
```
#5baafd
```
#5baafd rgb(91,170,253)
```
#6eb4fd
```
#6eb4fd rgb(110,180,253)
```
#82befd
```
#82befd rgb(130,190,253)
```
#95c8fe
```
#95c8fe rgb(149,200,254)
```
#a9d2fe
```
#a9d2fe rgb(169,210,254)
```
#bcdcfe
```
#bcdcfe rgb(188,220,254)
```
#cfe6fe
```
#cfe6fe rgb(207,230,254)
```
#e3f0ff
```
#e3f0ff rgb(227,240,255)
```
#f6faff
```
#f6faff rgb(246,250,255)
```

Tint Color Variation

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

#a8acb0
```
#a8acb0 rgb(168,172,176)
```
#a1acb7
```
#a1acb7 rgb(161,172,183)
```
#9bacbd
```
#9bacbd rgb(155,172,189)
```
#94abc4
```
#94abc4 rgb(148,171,196)
```
#8eabca
```
#8eabca rgb(142,171,202)
```
#88abd0
```
#88abd0 rgb(136,171,208)
```
#81abd7
```
#81abd7 rgb(129,171,215)
```
#7babdd
```
#7babdd rgb(123,171,221)
```
#75abe3
```
#75abe3 rgb(117,171,227)
```
#6eaaea
```
#6eaaea rgb(110,170,234)
```
#68aaf0
```
#68aaf0 rgb(104,170,240)
```
#61aaf7
```
#61aaf7 rgb(97,170,247)
```
#5baafd
```
#5baafd rgb(91,170,253)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8f9faf Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ca7f8 Protanopia 1% of men
#7aaafe Deuteranopia 1% of men
#3ab9c7 Tritanopia 0.001% of the population

Trichromacy

#7aa8f9 Protanomaly 1% of men, 0.01% of women
#6faafe Deuteranomaly 6% of men, 0.4% of women
#46b4da Tritanomaly 0.01% of the population

#5baafd hex color

#5baafd Color Information

#5baafd Color Conversion

Color Schemes with #5baafd

Alternatives to #5baafd

#5baafd Preview

Shades and Tints of #5baafd

Tones of #5baafd

Color Blindness Simulator