#5acbf5 hex color

In a RGB color space, hex #5acbf5 is composed of 35.3% red, 79.6% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 17.1% magenta, 0% yellow and 3.9% black. It has a hue angle of 196.3 degrees, a saturation of 88.6% and a lightness of 65.7%. #5acbf5 color hex could be obtained by blending #b4ffff with #0097eb. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 35
- G 80
- B 96
RGB color chart
- C 63
- M 17
- Y 0
- K 4
CMYK color chart

● #5acbf5 color description : Soft blue.

The hexadecimal color #5acbf5 has RGB values of R:90, G:203, B:245 and CMYK values of C:0.63, M:0.17, Y:0, K:0.04. Its decimal value is 5950453.

Hex triplet	5acbf5	`#5acbf5`
RGB Decimal	90, 203, 245	`rgb(90,203,245)`
RGB Percent	35.3, 79.6, 96.1	`rgb(35.3%,79.6%,96.1%)`
CMYK	63, 17, 0, 4
HSL	196.3°, 88.6, 65.7	`hsl(196.3,88.6%,65.7%)`
HSV (or HSB)	196.3°, 63.3, 96.1
Web Safe	66ccff	`#66ccff`

CIE-LAB	76.966, -19.727, -30.22
XYZ	42.05, 51.475, 94.101
xyY	0.224, 0.274, 51.475
CIE-LCH	76.966, 36.089, 236.864
CIE-LUV	76.966, -44.466, -45.85
Hunter-Lab	71.746, -20.939, -27.542
Binary	01011010, 11001011, 11110101

#5acbf5
```
#5acbf5 rgb(90,203,245)
```
#f5845a
```
#f5845a rgb(245,132,90)
```

Complementary Color

#5af5d2
```
#5af5d2 rgb(90,245,210)
```
#5acbf5
```
#5acbf5 rgb(90,203,245)
```
#5a7ef5
```
#5a7ef5 rgb(90,126,245)
```

Analogous Color

#f5d25a
```
#f5d25a rgb(245,210,90)
```
#5acbf5
```
#5acbf5 rgb(90,203,245)
```
#f55a7e
```
#f55a7e rgb(245,90,126)
```

Split Complementary Color

#cbf55a
```
#cbf55a rgb(203,245,90)
```
#5acbf5
```
#5acbf5 rgb(90,203,245)
```
#f55acb
```
#f55acb rgb(245,90,203)
```

Triadic Color

#5af584
```
#5af584 rgb(90,245,132)
```
#5acbf5
```
#5acbf5 rgb(90,203,245)
```
#f55acb
```
#f55acb rgb(245,90,203)
```
#f5845a
```
#f5845a rgb(245,132,90)
```

Tetradic Color

#12b4f1
```
#12b4f1 rgb(18,180,241)
```
#2abcf2
```
#2abcf2 rgb(42,188,242)
```
#42c3f4
```
#42c3f4 rgb(66,195,244)
```
#5acbf5
```
#5acbf5 rgb(90,203,245)
```
#72d3f6
```
#72d3f6 rgb(114,211,246)
```
#8adaf8
```
#8adaf8 rgb(138,218,248)
```
#a2e2f9
```
#a2e2f9 rgb(162,226,249)
```

Monochromatic Color

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

#5af2f5
```
#5af2f5 rgb(90,242,245)
```
#5ae5f5
```
#5ae5f5 rgb(90,229,245)
```
#5ad8f5
```
#5ad8f5 rgb(90,216,245)
```
#5acbf5
```
#5acbf5 rgb(90,203,245)
```
#5abef5
```
#5abef5 rgb(90,190,245)
```
#5ab1f5
```
#5ab1f5 rgb(90,177,245)
```
#5aa4f5
```
#5aa4f5 rgb(90,164,245)
```

Similar Colors

Text with hexadecimal color #5acbf5

This text has a font color of #5acbf5.

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

#5acbf5 background color

This paragraph has a background color of #5acbf5.

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

#5acbf5 border color

This element has a border color of #5acbf5.

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

CSS codes

.text {color:#5acbf5;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#010f14
```
#010f14 rgb(1,15,20)
```
#021d26
```
#021d26 rgb(2,29,38)
```
#032a39
```
#032a39 rgb(3,42,57)
```
#05384b
```
#05384b rgb(5,56,75)
```
#06465e
```
#06465e rgb(6,70,94)
```
#075470
```
#075470 rgb(7,84,112)
```
#086283
```
#086283 rgb(8,98,131)
```
#096f95
```
#096f95 rgb(9,111,149)
```
#0a7da8
```
#0a7da8 rgb(10,125,168)
```
#0b8bba
```
#0b8bba rgb(11,139,186)
```
#0c99cd
```
#0c99cd rgb(12,153,205)
```
#0ea7df
```
#0ea7df rgb(14,167,223)
```

Shade Color Variation

#10b4f1
```
#10b4f1 rgb(16,180,241)
```
#23baf2
```
#23baf2 rgb(35,186,242)
```
#35bff3
```
#35bff3 rgb(53,191,243)
```
#48c5f4
```
#48c5f4 rgb(72,197,244)
```
#5acbf5
```
#5acbf5 rgb(90,203,245)
```
#6cd1f6
```
#6cd1f6 rgb(108,209,246)
```
#7fd7f7
```
#7fd7f7 rgb(127,215,247)
```
#91dcf8
```
#91dcf8 rgb(145,220,248)
```
#a4e2f9
```
#a4e2f9 rgb(164,226,249)
```
#b6e8fb
```
#b6e8fb rgb(182,232,251)
```
#c9eefc
```
#c9eefc rgb(201,238,252)
```
#dbf4fd
```
#dbf4fd rgb(219,244,253)
```
#eefafe
```
#eefafe rgb(238,250,254)
```

Tint Color Variation

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

#a4a9ab
```
#a4a9ab rgb(164,169,171)
```
#9dacb2
```
#9dacb2 rgb(157,172,178)
```
#97afb8
```
#97afb8 rgb(151,175,184)
```
#90b2bf
```
#90b2bf rgb(144,178,191)
```
#89b5c6
```
#89b5c6 rgb(137,181,198)
```
#82b9cd
```
#82b9cd rgb(130,185,205)
```
#7cbcd3
```
#7cbcd3 rgb(124,188,211)
```
#75bfda
```
#75bfda rgb(117,191,218)
```
#6ec2e1
```
#6ec2e1 rgb(110,194,225)
```
#67c5e8
```
#67c5e8 rgb(103,197,232)
```
#61c8ee
```
#61c8ee rgb(97,200,238)
```
#5acbf5
```
#5acbf5 rgb(90,203,245)
```
#53cefc
```
#53cefc rgb(83,206,252)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#9db4bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5bfec Protanopia 1% of men
#b1befb Deuteranopia 1% of men
#55d1e0 Tritanopia 0.001% of the population

Trichromacy

#94c3ef Protanomaly 1% of men, 0.01% of women
#91c3f9 Deuteranomaly 6% of men, 0.4% of women
#56cfe8 Tritanomaly 0.01% of the population

#5acbf5 hex color

#5acbf5 Color Information

#5acbf5 Color Conversion

Color Schemes with #5acbf5

Alternatives to #5acbf5

#5acbf5 Preview

Shades and Tints of #5acbf5

Tones of #5acbf5

Color Blindness Simulator