#5babf3 hex color

In a RGB color space, hex #5babf3 is composed of 35.7% red, 67.1% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 29.6% magenta, 0% yellow and 4.7% black. It has a hue angle of 208.4 degrees, a saturation of 86.4% and a lightness of 65.5%. #5babf3 color hex could be obtained by blending #b6ffff with #0057e7. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 67
- B 95
RGB color chart
- C 63
- M 30
- Y 0
- K 5
CMYK color chart

● #5babf3 color description : Soft blue.

The hexadecimal color #5babf3 has RGB values of R:91, G:171, B:243 and CMYK values of C:0.63, M:0.3, Y:0, K:0.05. Its decimal value is 6007795.

Hex triplet	5babf3	`#5babf3`
RGB Decimal	91, 171, 243	`rgb(91,171,243)`
RGB Percent	35.7, 67.1, 95.3	`rgb(35.7%,67.1%,95.3%)`
CMYK	63, 30, 0, 5
HSL	208.4°, 86.4, 65.5	`hsl(208.4,86.4%,65.5%)`
HSV (or HSB)	208.4°, 62.6, 95.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.887, -3.024, -43.233
XYZ	35.051, 37.819, 90.242
xyY	0.215, 0.232, 37.819
CIE-LCH	67.887, 43.338, 265.999
CIE-LUV	67.887, -32.873, -69.259
Hunter-Lab	61.497, -5.88, -43.955
Binary	01011011, 10101011, 11110011

#5babf3
```
#5babf3 rgb(91,171,243)
```
#f3a35b
```
#f3a35b rgb(243,163,91)
```

Complementary Color

#5bf3ef
```
#5bf3ef rgb(91,243,239)
```
#5babf3
```
#5babf3 rgb(91,171,243)
```
#5b5ff3
```
#5b5ff3 rgb(91,95,243)
```

Analogous Color

#f3ef5b
```
#f3ef5b rgb(243,239,91)
```
#5babf3
```
#5babf3 rgb(91,171,243)
```
#f35b5f
```
#f35b5f rgb(243,91,95)
```

Split Complementary Color

#abf35b
```
#abf35b rgb(171,243,91)
```
#5babf3
```
#5babf3 rgb(91,171,243)
```
#f35bab
```
#f35bab rgb(243,91,171)
```

Triadic Color

#5bf3a3
```
#5bf3a3 rgb(91,243,163)
```
#5babf3
```
#5babf3 rgb(91,171,243)
```
#f35bab
```
#f35bab rgb(243,91,171)
```
#f3a35b
```
#f3a35b rgb(243,163,91)
```

Tetradic Color

#1486ee
```
#1486ee rgb(20,134,238)
```
#2b93f0
```
#2b93f0 rgb(43,147,240)
```
#439ff1
```
#439ff1 rgb(67,159,241)
```
#5babf3
```
#5babf3 rgb(91,171,243)
```
#73b7f5
```
#73b7f5 rgb(115,183,245)
```
#8bc3f6
```
#8bc3f6 rgb(139,195,246)
```
#a2d0f8
```
#a2d0f8 rgb(162,208,248)
```

Monochromatic Color

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

#5bd1f3
```
#5bd1f3 rgb(91,209,243)
```
#5bc4f3
```
#5bc4f3 rgb(91,196,243)
```
#5bb8f3
```
#5bb8f3 rgb(91,184,243)
```
#5babf3
```
#5babf3 rgb(91,171,243)
```
#5b9ef3
```
#5b9ef3 rgb(91,158,243)
```
#5b92f3
```
#5b92f3 rgb(91,146,243)
```
#5b85f3
```
#5b85f3 rgb(91,133,243)
```

Similar Colors

Text with hexadecimal color #5babf3

This text has a font color of #5babf3.

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

#5babf3 background color

This paragraph has a background color of #5babf3.

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

#5babf3 border color

This element has a border color of #5babf3.

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

CSS codes

.text {color:#5babf3;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#010b13
```
#010b13 rgb(1,11,19)
```
#031525
```
#031525 rgb(3,21,37)
```
#041f37
```
#041f37 rgb(4,31,55)
```
#05294a
```
#05294a rgb(5,41,74)
```
#07345c
```
#07345c rgb(7,52,92)
```
#083e6e
```
#083e6e rgb(8,62,110)
```
#094880
```
#094880 rgb(9,72,128)
```
#0b5293
```
#0b5293 rgb(11,82,147)
```
#0c5da5
```
#0c5da5 rgb(12,93,165)
```
#0d67b7
```
#0d67b7 rgb(13,103,183)
```
#0f71ca
```
#0f71ca rgb(15,113,202)
```
#107bdc
```
#107bdc rgb(16,123,220)
```

Shade Color Variation

#1286ee
```
#1286ee rgb(18,134,238)
```
#248fef
```
#248fef rgb(36,143,239)
```
#3698f0
```
#3698f0 rgb(54,152,240)
```
#49a2f2
```
#49a2f2 rgb(73,162,242)
```
#5babf3
```
#5babf3 rgb(91,171,243)
```
#6db4f4
```
#6db4f4 rgb(109,180,244)
```
#80bef6
```
#80bef6 rgb(128,190,246)
```
#92c7f7
```
#92c7f7 rgb(146,199,247)
```
#a4d0f8
```
#a4d0f8 rgb(164,208,248)
```
#b6dafa
```
#b6dafa rgb(182,218,250)
```
#c9e3fb
```
#c9e3fb rgb(201,227,251)
```
#dbedfc
```
#dbedfc rgb(219,237,252)
```
#edf6fe
```
#edf6fe rgb(237,246,254)
```

Tint Color Variation

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

#a5a7a9
```
#a5a7a9 rgb(165,167,169)
```
#9fa7af
```
#9fa7af rgb(159,167,175)
```
#98a8b6
```
#98a8b6 rgb(152,168,182)
```
#91a8bd
```
#91a8bd rgb(145,168,189)
```
#8aa9c4
```
#8aa9c4 rgb(138,169,196)
```
#84a9ca
```
#84a9ca rgb(132,169,202)
```
#7da9d1
```
#7da9d1 rgb(125,169,209)
```
#76aad8
```
#76aad8 rgb(118,170,216)
```
#6faadf
```
#6faadf rgb(111,170,223)
```
#69aae5
```
#69aae5 rgb(105,170,229)
```
#62abec
```
#62abec rgb(98,171,236)
```
#5babf3
```
#5babf3 rgb(91,171,243)
```
#54abfa
```
#54abfa rgb(84,171,250)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#8e9ead Atypical Achromatopsia 0.001% of the population

Dichromacy

#91a7ee Protanopia 1% of men
#84a9f6 Deuteranopia 1% of men
#44b8c6 Tritanopia 0.001% of the population

Trichromacy

#7da8ef Protanomaly 1% of men, 0.01% of women
#75a9f4 Deuteranomaly 6% of men, 0.4% of women
#4cb3d6 Tritanomaly 0.01% of the population

#5babf3 hex color

#5babf3 Color Information

#5babf3 Color Conversion

Color Schemes with #5babf3

Alternatives to #5babf3

#5babf3 Preview

Shades and Tints of #5babf3

Tones of #5babf3

Color Blindness Simulator