#5baffd hex color

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

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

● #5baffd color description : Soft blue.

The hexadecimal color #5baffd has RGB values of R:91, G:175, B:253 and CMYK values of C:0.64, M:0.31, Y:0, K:0.01. Its decimal value is 6008829.

Hex triplet	5baffd	`#5baffd`
RGB Decimal	91, 175, 253	`rgb(91,175,253)`
RGB Percent	35.7, 68.6, 99.2	`rgb(35.7%,68.6%,99.2%)`
CMYK	64, 31, 0, 1
HSL	208.9°, 97.6, 67.5	`hsl(208.9,97.6%,67.5%)`
HSV (or HSB)	208.9°, 64, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.451, -2.026, -46.212
XYZ	37.37, 39.973, 98.669
xyY	0.212, 0.227, 39.973
CIE-LCH	69.451, 46.256, 267.489
CIE-LUV	69.451, -33.968, -74.695
Hunter-Lab	63.224, -5.138, -48.272
Binary	01011011, 10101111, 11111101

#5baffd
```
#5baffd rgb(91,175,253)
```
#fda95b
```
#fda95b rgb(253,169,91)
```

Complementary Color

#5bfdfa
```
#5bfdfa rgb(91,253,250)
```
#5baffd
```
#5baffd rgb(91,175,253)
```
#5b5efd
```
#5b5efd rgb(91,94,253)
```

Analogous Color

#fdfa5b
```
#fdfa5b rgb(253,250,91)
```
#5baffd
```
#5baffd rgb(91,175,253)
```
#fd5b5e
```
#fd5b5e rgb(253,91,94)
```

Split Complementary Color

#affd5b
```
#affd5b rgb(175,253,91)
```
#5baffd
```
#5baffd rgb(91,175,253)
```
#fd5baf
```
#fd5baf rgb(253,91,175)
```

Triadic Color

#5bfda9
```
#5bfda9 rgb(91,253,169)
```
#5baffd
```
#5baffd rgb(91,175,253)
```
#fd5baf
```
#fd5baf rgb(253,91,175)
```
#fda95b
```
#fda95b rgb(253,169,91)
```

Tetradic Color

#0f8afc
```
#0f8afc rgb(15,138,252)
```
#2996fc
```
#2996fc rgb(41,150,252)
```
#42a3fd
```
#42a3fd rgb(66,163,253)
```
#5baffd
```
#5baffd rgb(91,175,253)
```
#74bbfd
```
#74bbfd rgb(116,187,253)
```
#8dc8fe
```
#8dc8fe rgb(141,200,254)
```
#a7d4fe
```
#a7d4fe rgb(167,212,254)
```

Monochromatic Color

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

#5bd8fd
```
#5bd8fd rgb(91,216,253)
```
#5bcafd
```
#5bcafd rgb(91,202,253)
```
#5bbdfd
```
#5bbdfd rgb(91,189,253)
```
#5baffd
```
#5baffd rgb(91,175,253)
```
#5ba2fd
```
#5ba2fd rgb(91,162,253)
```
#5b94fd
```
#5b94fd rgb(91,148,253)
```
#5b87fd
```
#5b87fd rgb(91,135,253)
```

Similar Colors

Text with hexadecimal color #5baffd

This text has a font color of #5baffd.

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

#5baffd background color

This paragraph has a background color of #5baffd.

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

#5baffd border color

This element has a border color of #5baffd.

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

CSS codes

.text {color:#5baffd;}

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

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

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 #f6fbff is the lightest one.

#00050a
```
#00050a rgb(0,5,10)
```
#00101e
```
#00101e rgb(0,16,30)
```
#011a31
```
#011a31 rgb(1,26,49)
```
#012445
```
#012445 rgb(1,36,69)
```
#012e58
```
#012e58 rgb(1,46,88)
```
#01386b
```
#01386b rgb(1,56,107)
```
#02427f
```
#02427f rgb(2,66,127)
```
#024d92
```
#024d92 rgb(2,77,146)
```
#0257a5
```
#0257a5 rgb(2,87,165)
```
#0261b9
```
#0261b9 rgb(2,97,185)
```
#026bcc
```
#026bcc rgb(2,107,204)
```
#0375e0
```
#0375e0 rgb(3,117,224)
```
#037ff3
```
#037ff3 rgb(3,127,243)
```

Shade Color Variation

#0d89fc
```
#0d89fc rgb(13,137,252)
```
#2193fc
```
#2193fc rgb(33,147,252)
```
#349cfd
```
#349cfd rgb(52,156,253)
```
#48a6fd
```
#48a6fd rgb(72,166,253)
```
#5baffd
```
#5baffd rgb(91,175,253)
```
#6eb8fd
```
#6eb8fd rgb(110,184,253)
```
#82c2fd
```
#82c2fd rgb(130,194,253)
```
#95cbfe
```
#95cbfe rgb(149,203,254)
```
#a9d5fe
```
#a9d5fe rgb(169,213,254)
```
#bcdefe
```
#bcdefe rgb(188,222,254)
```
#cfe8fe
```
#cfe8fe rgb(207,232,254)
```
#e3f1ff
```
#e3f1ff rgb(227,241,255)
```
#f6fbff
```
#f6fbff rgb(246,251,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 #5baffd is the most saturated one.

#a8acb0
```
#a8acb0 rgb(168,172,176)
```
#a1acb7
```
#a1acb7 rgb(161,172,183)
```
#9badbd
```
#9badbd rgb(155,173,189)
```
#94adc4
```
#94adc4 rgb(148,173,196)
```
#8eadca
```
#8eadca rgb(142,173,202)
```
#88add0
```
#88add0 rgb(136,173,208)
```
#81aed7
```
#81aed7 rgb(129,174,215)
```
#7baedd
```
#7baedd rgb(123,174,221)
```
#75aee3
```
#75aee3 rgb(117,174,227)
```
#6eaeea
```
#6eaeea rgb(110,174,234)
```
#68aff0
```
#68aff0 rgb(104,175,240)
```
#61aff7
```
#61aff7 rgb(97,175,247)
```
#5baffd
```
#5baffd rgb(91,175,253)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#91a2b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92abf7 Protanopia 1% of men
#83adff Deuteranopia 1% of men
#3ebdcb Tritanopia 0.001% of the population

Trichromacy

#7eacf9 Protanomaly 1% of men, 0.01% of women
#74aefe Deuteranomaly 6% of men, 0.4% of women
#48b8dd Tritanomaly 0.01% of the population

#5baffd hex color

#5baffd Color Information

#5baffd Color Conversion

Color Schemes with #5baffd

Alternatives to #5baffd

#5baffd Preview

Shades and Tints of #5baffd

Tones of #5baffd

Color Blindness Simulator