#5abbee hex color

In a RGB color space, hex #5abbee is composed of 35.3% red, 73.3% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 21.4% magenta, 0% yellow and 6.7% black. It has a hue angle of 200.7 degrees, a saturation of 81.3% and a lightness of 64.3%. #5abbee color hex could be obtained by blending #b4ffff with #0077dd. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 35
- G 73
- B 93
RGB color chart
- C 62
- M 21
- Y 0
- K 7
CMYK color chart

● #5abbee color description : Soft blue.

The hexadecimal color #5abbee has RGB values of R:90, G:187, B:238 and CMYK values of C:0.62, M:0.21, Y:0, K:0.07. Its decimal value is 5946350.

Hex triplet	5abbee	`#5abbee`
RGB Decimal	90, 187, 238	`rgb(90,187,238)`
RGB Percent	35.3, 73.3, 93.3	`rgb(35.3%,73.3%,93.3%)`
CMYK	62, 21, 0, 7
HSL	200.7°, 81.3, 64.3	`hsl(200.7,81.3%,64.3%)`
HSV (or HSB)	200.7°, 62.2, 93.3
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.151, -13.518, -33.875
XYZ	37.416, 43.885, 87.383
xyY	0.222, 0.26, 43.885
CIE-LCH	72.151, 36.473, 248.245
CIE-LUV	72.151, -39.009, -52.515
Hunter-Lab	66.245, -15.113, -31.836
Binary	01011010, 10111011, 11101110

#5abbee
```
#5abbee rgb(90,187,238)
```
#ee8d5a
```
#ee8d5a rgb(238,141,90)
```

Complementary Color

#5aeed7
```
#5aeed7 rgb(90,238,215)
```
#5abbee
```
#5abbee rgb(90,187,238)
```
#5a71ee
```
#5a71ee rgb(90,113,238)
```

Analogous Color

#eed75a
```
#eed75a rgb(238,215,90)
```
#5abbee
```
#5abbee rgb(90,187,238)
```
#ee5a71
```
#ee5a71 rgb(238,90,113)
```

Split Complementary Color

#bbee5a
```
#bbee5a rgb(187,238,90)
```
#5abbee
```
#5abbee rgb(90,187,238)
```
#ee5abb
```
#ee5abb rgb(238,90,187)
```

Triadic Color

#5aee8d
```
#5aee8d rgb(90,238,141)
```
#5abbee
```
#5abbee rgb(90,187,238)
```
#ee5abb
```
#ee5abb rgb(238,90,187)
```
#ee8d5a
```
#ee8d5a rgb(238,141,90)
```

Tetradic Color

#179ee4
```
#179ee4 rgb(23,158,228)
```
#2ca8e9
```
#2ca8e9 rgb(44,168,233)
```
#43b1ec
```
#43b1ec rgb(67,177,236)
```
#5abbee
```
#5abbee rgb(90,187,238)
```
#71c5f0
```
#71c5f0 rgb(113,197,240)
```
#88cef3
```
#88cef3 rgb(136,206,243)
```
#9fd8f5
```
#9fd8f5 rgb(159,216,245)
```

Monochromatic Color

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

#5ae0ee
```
#5ae0ee rgb(90,224,238)
```
#5ad4ee
```
#5ad4ee rgb(90,212,238)
```
#5ac7ee
```
#5ac7ee rgb(90,199,238)
```
#5abbee
```
#5abbee rgb(90,187,238)
```
#5aafee
```
#5aafee rgb(90,175,238)
```
#5aa2ee
```
#5aa2ee rgb(90,162,238)
```
#5a96ee
```
#5a96ee rgb(90,150,238)
```

Similar Colors

Text with hexadecimal color #5abbee

This text has a font color of #5abbee.

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

#5abbee background color

This paragraph has a background color of #5abbee.

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

#5abbee border color

This element has a border color of #5abbee.

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

CSS codes

.text {color:#5abbee;}

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

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

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, #01090d is the darkest color, while #fafdfe is the lightest one.

#01090d
```
#01090d rgb(1,9,13)
```
#03151f
```
#03151f rgb(3,21,31)
```
#052130
```
#052130 rgb(5,33,48)
```
#072e42
```
#072e42 rgb(7,46,66)
```
#093a54
```
#093a54 rgb(9,58,84)
```
#0a4666
```
#0a4666 rgb(10,70,102)
```
#0c5378
```
#0c5378 rgb(12,83,120)
```
#0e5f89
```
#0e5f89 rgb(14,95,137)
```
#106b9b
```
#106b9b rgb(16,107,155)
```
#1277ad
```
#1277ad rgb(18,119,173)
```
#1484bf
```
#1484bf rgb(20,132,191)
```
#1590d0
```
#1590d0 rgb(21,144,208)
```
#179ce2
```
#179ce2 rgb(23,156,226)
```

Shade Color Variation

#25a5e9
```
#25a5e9 rgb(37,165,233)
```
#36acea
```
#36acea rgb(54,172,234)
```
#48b4ec
```
#48b4ec rgb(72,180,236)
```
#5abbee
```
#5abbee rgb(90,187,238)
```
#6cc2f0
```
#6cc2f0 rgb(108,194,240)
```
#7ecaf2
```
#7ecaf2 rgb(126,202,242)
```
#8fd1f3
```
#8fd1f3 rgb(143,209,243)
```
#a1d8f5
```
#a1d8f5 rgb(161,216,245)
```
#b3e0f7
```
#b3e0f7 rgb(179,224,247)
```
#c5e7f9
```
#c5e7f9 rgb(197,231,249)
```
#d6eefb
```
#d6eefb rgb(214,238,251)
```
#e8f6fd
```
#e8f6fd rgb(232,246,253)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#a0a5a8
```
#a0a5a8 rgb(160,165,168)
```
#99a7af
```
#99a7af rgb(153,167,175)
```
#92aab6
```
#92aab6 rgb(146,170,182)
```
#8bacbd
```
#8bacbd rgb(139,172,189)
```
#84aec4
```
#84aec4 rgb(132,174,196)
```
#7db0cb
```
#7db0cb rgb(125,176,203)
```
#76b2d2
```
#76b2d2 rgb(118,178,210)
```
#6fb4d9
```
#6fb4d9 rgb(111,180,217)
```
#68b7e0
```
#68b7e0 rgb(104,183,224)
```
#61b9e7
```
#61b9e7 rgb(97,185,231)
```
#5abbee
```
#5abbee rgb(90,187,238)
```
#53bdf5
```
#53bdf5 rgb(83,189,245)
```
#4cbffc
```
#4cbffc rgb(76,191,252)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#95a9b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b3e7 Protanopia 1% of men
#9eb3f3 Deuteranopia 1% of men
#50c3d2 Tritanopia 0.001% of the population

Trichromacy

#8ab5e9 Protanomaly 1% of men, 0.01% of women
#85b5f1 Deuteranomaly 6% of men, 0.4% of women
#53c0dc Tritanomaly 0.01% of the population

#5abbee hex color

#5abbee Color Information

#5abbee Color Conversion

Color Schemes with #5abbee

Alternatives to #5abbee

#5abbee Preview

Shades and Tints of #5abbee

Tones of #5abbee

Color Blindness Simulator