#5ababd hex color

In a RGB color space, hex #5ababd is composed of 35.3% red, 72.9% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 52.4% cyan, 1.6% magenta, 0% yellow and 25.9% black. It has a hue angle of 181.8 degrees, a saturation of 42.9% and a lightness of 54.7%. #5ababd color hex could be obtained by blending #b4ffff with #00757b. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 73
- B 74
RGB color chart
- C 52
- M 2
- Y 0
- K 26
CMYK color chart

● #5ababd color description : Moderate cyan.

The hexadecimal color #5ababd has RGB values of R:90, G:186, B:189 and CMYK values of C:0.52, M:0.02, Y:0, K:0.26. Its decimal value is 5946045.

Hex triplet	5ababd	`#5ababd`
RGB Decimal	90, 186, 189	`rgb(90,186,189)`
RGB Percent	35.3, 72.9, 74.1	`rgb(35.3%,72.9%,74.1%)`
CMYK	52, 2, 0, 26
HSL	181.8°, 42.9, 54.7	`hsl(181.8,42.9%,54.7%)`
HSV (or HSB)	181.8°, 52.4, 74.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.15, -27.319, -10.181
XYZ	30.958, 40.963, 54.417
xyY	0.245, 0.324, 40.963
CIE-LCH	70.15, 29.154, 200.439
CIE-LUV	70.15, -40.771, -11.338
Hunter-Lab	64.003, -25.664, -5.608
Binary	01011010, 10111010, 10111101

#5ababd
```
#5ababd rgb(90,186,189)
```
#bd5d5a
```
#bd5d5a rgb(189,93,90)
```

Complementary Color

#5abd8f
```
#5abd8f rgb(90,189,143)
```
#5ababd
```
#5ababd rgb(90,186,189)
```
#5a89bd
```
#5a89bd rgb(90,137,189)
```

Analogous Color

#bd8f5a
```
#bd8f5a rgb(189,143,90)
```
#5ababd
```
#5ababd rgb(90,186,189)
```
#bd5a89
```
#bd5a89 rgb(189,90,137)
```

Split Complementary Color

#babd5a
```
#babd5a rgb(186,189,90)
```
#5ababd
```
#5ababd rgb(90,186,189)
```
#bd5aba
```
#bd5aba rgb(189,90,186)
```

Triadic Color

#5abd5d
```
#5abd5d rgb(90,189,93)
```
#5ababd
```
#5ababd rgb(90,186,189)
```
#bd5aba
```
#bd5aba rgb(189,90,186)
```
#bd5d5a
```
#bd5d5a rgb(189,93,90)
```

Tetradic Color

#3a8e91
```
#3a8e91 rgb(58,142,145)
```
#41a0a3
```
#41a0a3 rgb(65,160,163)
```
#48b2b5
```
#48b2b5 rgb(72,178,181)
```
#5ababd
```
#5ababd rgb(90,186,189)
```
#6cc2c4
```
#6cc2c4 rgb(108,194,196)
```
#7ec9cc
```
#7ec9cc rgb(126,201,204)
```
#91d1d3
```
#91d1d3 rgb(145,209,211)
```

Monochromatic Color

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

#5abda7
```
#5abda7 rgb(90,189,167)
```
#5abdb0
```
#5abdb0 rgb(90,189,176)
```
#5abdb8
```
#5abdb8 rgb(90,189,184)
```
#5ababd
```
#5ababd rgb(90,186,189)
```
#5ab2bd
```
#5ab2bd rgb(90,178,189)
```
#5aaabd
```
#5aaabd rgb(90,170,189)
```
#5aa1bd
```
#5aa1bd rgb(90,161,189)
```

Similar Colors

Text with hexadecimal color #5ababd

This text has a font color of #5ababd.

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

#5ababd background color

This paragraph has a background color of #5ababd.

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

#5ababd border color

This element has a border color of #5ababd.

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

CSS codes

.text {color:#5ababd;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#071111
```
#071111 rgb(7,17,17)
```
#0c1f1f
```
#0c1f1f rgb(12,31,31)
```
#122c2d
```
#122c2d rgb(18,44,45)
```
#183a3b
```
#183a3b rgb(24,58,59)
```
#1d4849
```
#1d4849 rgb(29,72,73)
```
#235657
```
#235657 rgb(35,86,87)
```
#286365
```
#286365 rgb(40,99,101)
```
#2e7173
```
#2e7173 rgb(46,113,115)
```
#347f81
```
#347f81 rgb(52,127,129)
```
#398d8f
```
#398d8f rgb(57,141,143)
```
#3f9a9d
```
#3f9a9d rgb(63,154,157)
```
#45a8ab
```
#45a8ab rgb(69,168,171)
```

Shade Color Variation

#4cb4b7
```
#4cb4b7 rgb(76,180,183)
```
#5ababd
```
#5ababd rgb(90,186,189)
```
#68c0c3
```
#68c0c3 rgb(104,192,195)
```
#76c6c8
```
#76c6c8 rgb(118,198,200)
```
#84ccce
```
#84ccce rgb(132,204,206)
```
#92d1d3
```
#92d1d3 rgb(146,209,211)
```
#a0d7d9
```
#a0d7d9 rgb(160,215,217)
```
#aedddf
```
#aedddf rgb(174,221,223)
```
#bce3e4
```
#bce3e4 rgb(188,227,228)
```
#cae9ea
```
#cae9ea rgb(202,233,234)
```
#d8efef
```
#d8efef rgb(216,239,239)
```
#e6f5f5
```
#e6f5f5 rgb(230,245,245)
```
#f4fafb
```
#f4fafb rgb(244,250,251)
```

Tint Color Variation

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

#869091
```
#869091 rgb(134,144,145)
```
#7e9999
```
#7e9999 rgb(126,153,153)
```
#75a1a2
```
#75a1a2 rgb(117,161,162)
```
#6ca9ab
```
#6ca9ab rgb(108,169,171)
```
#63b2b4
```
#63b2b4 rgb(99,178,180)
```
#5ababd
```
#5ababd rgb(90,186,189)
```
#51c2c6
```
#51c2c6 rgb(81,194,198)
```
#48cbcf
```
#48cbcf rgb(72,203,207)
```
#3fd3d8
```
#3fd3d8 rgb(63,211,216)
```
#36dbe1
```
#36dbe1 rgb(54,219,225)
```
#2ee4e9
```
#2ee4e9 rgb(46,228,233)
```
#25ecf2
```
#25ecf2 rgb(37,236,242)
```
#1cf4fb
```
#1cf4fb rgb(28,244,251)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#90a4a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0aeb8 Protanopia 1% of men
#b4abc6 Deuteranopia 1% of men
#66bcc9 Tritanopia 0.001% of the population

Trichromacy

#90b2b9 Protanomaly 1% of men, 0.01% of women
#93b0c3 Deuteranomaly 6% of men, 0.4% of women
#62bbc5 Tritanomaly 0.01% of the population

#5ababd hex color

#5ababd Color Information

#5ababd Color Conversion

Color Schemes with #5ababd

Alternatives to #5ababd

#5ababd Preview

Shades and Tints of #5ababd

Tones of #5ababd

Color Blindness Simulator