#5fabe0 hex color

In a RGB color space, hex #5fabe0 is composed of 37.3% red, 67.1% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 57.6% cyan, 23.7% magenta, 0% yellow and 12.2% black. It has a hue angle of 204.7 degrees, a saturation of 67.5% and a lightness of 62.5%. #5fabe0 color hex could be obtained by blending #beffff with #0057c1. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 67
- B 88
RGB color chart
- C 58
- M 24
- Y 0
- K 12
CMYK color chart

● #5fabe0 color description : Soft blue.

The hexadecimal color #5fabe0 has RGB values of R:95, G:171, B:224 and CMYK values of C:0.58, M:0.24, Y:0, K:0.12. Its decimal value is 6269920.

Hex triplet	5fabe0	`#5fabe0`
RGB Decimal	95, 171, 224	`rgb(95,171,224)`
RGB Percent	37.3, 67.1, 87.8	`rgb(37.3%,67.1%,87.8%)`
CMYK	58, 24, 0, 12
HSL	204.7°, 67.5, 62.5	`hsl(204.7,67.5%,62.5%)`
HSV (or HSB)	204.7°, 57.6, 87.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.231, -8.28, -33.849
XYZ	32.734, 36.938, 75.922
xyY	0.225, 0.254, 36.938
CIE-LCH	67.231, 34.847, 256.254
CIE-LUV	67.231, -32.426, -52.628
Hunter-Lab	60.777, -10.222, -31.52
Binary	01011111, 10101011, 11100000

#5fabe0
```
#5fabe0 rgb(95,171,224)
```
#e0945f
```
#e0945f rgb(224,148,95)
```

Complementary Color

#5fe0d5
```
#5fe0d5 rgb(95,224,213)
```
#5fabe0
```
#5fabe0 rgb(95,171,224)
```
#5f6be0
```
#5f6be0 rgb(95,107,224)
```

Analogous Color

#e0d55f
```
#e0d55f rgb(224,213,95)
```
#5fabe0
```
#5fabe0 rgb(95,171,224)
```
#e05f6b
```
#e05f6b rgb(224,95,107)
```

Split Complementary Color

#abe05f
```
#abe05f rgb(171,224,95)
```
#5fabe0
```
#5fabe0 rgb(95,171,224)
```
#e05fab
```
#e05fab rgb(224,95,171)
```

Triadic Color

#5fe094
```
#5fe094 rgb(95,224,148)
```
#5fabe0
```
#5fabe0 rgb(95,171,224)
```
#e05fab
```
#e05fab rgb(224,95,171)
```
#e0945f
```
#e0945f rgb(224,148,95)
```

Tetradic Color

#2788cb
```
#2788cb rgb(39,136,203)
```
#3495d8
```
#3495d8 rgb(52,149,216)
```
#4aa0dc
```
#4aa0dc rgb(74,160,220)
```
#5fabe0
```
#5fabe0 rgb(95,171,224)
```
#74b6e4
```
#74b6e4 rgb(116,182,228)
```
#8ac1e8
```
#8ac1e8 rgb(138,193,232)
```
#9fcdec
```
#9fcdec rgb(159,205,236)
```

Monochromatic Color

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

#5fcbe0
```
#5fcbe0 rgb(95,203,224)
```
#5fc1e0
```
#5fc1e0 rgb(95,193,224)
```
#5fb6e0
```
#5fb6e0 rgb(95,182,224)
```
#5fabe0
```
#5fabe0 rgb(95,171,224)
```
#5fa0e0
```
#5fa0e0 rgb(95,160,224)
```
#5f96e0
```
#5f96e0 rgb(95,150,224)
```
#5f8be0
```
#5f8be0 rgb(95,139,224)
```

Similar Colors

Text with hexadecimal color #5fabe0

This text has a font color of #5fabe0.

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

#5fabe0 background color

This paragraph has a background color of #5fabe0.

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

#5fabe0 border color

This element has a border color of #5fabe0.

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

CSS codes

.text {color:#5fabe0;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#040e15
```
#040e15 rgb(4,14,21)
```
#071925
```
#071925 rgb(7,25,37)
```
#0a2436
```
#0a2436 rgb(10,36,54)
```
#0e2f46
```
#0e2f46 rgb(14,47,70)
```
#113a56
```
#113a56 rgb(17,58,86)
```
#144567
```
#144567 rgb(20,69,103)
```
#175077
```
#175077 rgb(23,80,119)
```
#1a5b88
```
#1a5b88 rgb(26,91,136)
```
#1d6698
```
#1d6698 rgb(29,102,152)
```
#2171a9
```
#2171a9 rgb(33,113,169)
```
#247cb9
```
#247cb9 rgb(36,124,185)
```
#2787c9
```
#2787c9 rgb(39,135,201)
```

Shade Color Variation

#2e91d6
```
#2e91d6 rgb(46,145,214)
```
#3e9ada
```
#3e9ada rgb(62,154,218)
```
#4fa2dd
```
#4fa2dd rgb(79,162,221)
```
#5fabe0
```
#5fabe0 rgb(95,171,224)
```
#6fb4e3
```
#6fb4e3 rgb(111,180,227)
```
#80bce6
```
#80bce6 rgb(128,188,230)
```
#90c5ea
```
#90c5ea rgb(144,197,234)
```
#a1ceed
```
#a1ceed rgb(161,206,237)
```
#b1d6f0
```
#b1d6f0 rgb(177,214,240)
```
#c2dff3
```
#c2dff3 rgb(194,223,243)
```
#d2e7f6
```
#d2e7f6 rgb(210,231,246)
```
#e2f0f9
```
#e2f0f9 rgb(226,240,249)
```
#f3f9fd
```
#f3f9fd rgb(243,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9aa1a5 is the less saturated color, while #42b0fd is the most saturated one.

#9aa1a5
```
#9aa1a5 rgb(154,161,165)
```
#92a2ad
```
#92a2ad rgb(146,162,173)
```
#8ba3b4
```
#8ba3b4 rgb(139,163,180)
```
#84a4bb
```
#84a4bb rgb(132,164,187)
```
#7ca6c3
```
#7ca6c3 rgb(124,166,195)
```
#75a7ca
```
#75a7ca rgb(117,167,202)
```
#6ea8d1
```
#6ea8d1 rgb(110,168,209)
```
#66aad9
```
#66aad9 rgb(102,170,217)
```
#5fabe0
```
#5fabe0 rgb(95,171,224)
```
#58ace7
```
#58ace7 rgb(88,172,231)
```
#50aeef
```
#50aeef rgb(80,174,239)
```
#49aff6
```
#49aff6 rgb(73,175,246)
```
#42b0fd
```
#42b0fd rgb(66,176,253)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#8e9da8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98a6db Protanopia 1% of men
#91a6e4 Deuteranopia 1% of men
#56b5c2 Tritanopia 0.001% of the population

Trichromacy

#83a8dd Protanomaly 1% of men, 0.01% of women
#7fa8e3 Deuteranomaly 6% of men, 0.4% of women
#59b1cd Tritanomaly 0.01% of the population

#5fabe0 hex color

#5fabe0 Color Information

#5fabe0 Color Conversion

Color Schemes with #5fabe0

Alternatives to #5fabe0

#5fabe0 Preview

Shades and Tints of #5fabe0

Tones of #5fabe0

Color Blindness Simulator