#55abd6 hex color

In a RGB color space, hex #55abd6 is composed of 33.3% red, 67.1% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 20.1% magenta, 0% yellow and 16.1% black. It has a hue angle of 200 degrees, a saturation of 61.1% and a lightness of 58.6%. #55abd6 color hex could be obtained by blending #aaffff with #0057ad. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 67
- B 84
RGB color chart
- C 60
- M 20
- Y 0
- K 16
CMYK color chart

● #55abd6 color description : Moderate blue.

The hexadecimal color #55abd6 has RGB values of R:85, G:171, B:214 and CMYK values of C:0.6, M:0.2, Y:0, K:0.16. Its decimal value is 5614550.

Hex triplet	55abd6	`#55abd6`
RGB Decimal	85, 171, 214	`rgb(85,171,214)`
RGB Percent	33.3, 67.1, 83.9	`rgb(33.3%,67.1%,83.9%)`
CMYK	60, 20, 0, 16
HSL	200°, 61.1, 58.6	`hsl(200,61.1%,58.6%)`
HSV (or HSB)	200°, 60.3, 83.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	66.451, -13.29, -29.583
XYZ	30.444, 35.91, 68.942
xyY	0.225, 0.265, 35.91
CIE-LCH	66.451, 32.431, 245.808
CIE-LUV	66.451, -35.329, -44.757
Hunter-Lab	59.925, -14.185, -26.264
Binary	01010101, 10101011, 11010110

#55abd6
```
#55abd6 rgb(85,171,214)
```
#d68055
```
#d68055 rgb(214,128,85)
```

Complementary Color

#55d6c1
```
#55d6c1 rgb(85,214,193)
```
#55abd6
```
#55abd6 rgb(85,171,214)
```
#556bd6
```
#556bd6 rgb(85,107,214)
```

Analogous Color

#d6c155
```
#d6c155 rgb(214,193,85)
```
#55abd6
```
#55abd6 rgb(85,171,214)
```
#d6556b
```
#d6556b rgb(214,85,107)
```

Split Complementary Color

#abd655
```
#abd655 rgb(171,214,85)
```
#55abd6
```
#55abd6 rgb(85,171,214)
```
#d655ab
```
#d655ab rgb(214,85,171)
```

Triadic Color

#55d680
```
#55d680 rgb(85,214,128)
```
#55abd6
```
#55abd6 rgb(85,171,214)
```
#d655ab
```
#d655ab rgb(214,85,171)
```
#d68055
```
#d68055 rgb(214,128,85)
```

Tetradic Color

#2b86b3
```
#2b86b3 rgb(43,134,179)
```
#3095c8
```
#3095c8 rgb(48,149,200)
```
#40a1d1
```
#40a1d1 rgb(64,161,209)
```
#55abd6
```
#55abd6 rgb(85,171,214)
```
#6ab5db
```
#6ab5db rgb(106,181,219)
```
#7ebfe0
```
#7ebfe0 rgb(126,191,224)
```
#93c9e5
```
#93c9e5 rgb(147,201,229)
```

Monochromatic Color

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

#55cbd6
```
#55cbd6 rgb(85,203,214)
```
#55c1d6
```
#55c1d6 rgb(85,193,214)
```
#55b6d6
```
#55b6d6 rgb(85,182,214)
```
#55abd6
```
#55abd6 rgb(85,171,214)
```
#55a0d6
```
#55a0d6 rgb(85,160,214)
```
#5596d6
```
#5596d6 rgb(85,150,214)
```
#558bd6
```
#558bd6 rgb(85,139,214)
```

Similar Colors

Text with hexadecimal color #55abd6

This text has a font color of #55abd6.

<span style="color:#55abd6;">Text here</span>

#55abd6 background color

This paragraph has a background color of #55abd6.

<p style="background-color:#55abd6;">Content here</p>

#55abd6 border color

This element has a border color of #55abd6.

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

CSS codes

.text {color:#55abd6;}

.background {background-color:#55abd6;}

.border {border:1px solid #55abd6;}

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 #f3f9fc is the lightest one.

#010304
```
#010304 rgb(1,3,4)
```
#050f14
```
#050f14 rgb(5,15,20)
```
#091a23
```
#091a23 rgb(9,26,35)
```
#0c2633
```
#0c2633 rgb(12,38,51)
```
#103243
```
#103243 rgb(16,50,67)
```
#143e53
```
#143e53 rgb(20,62,83)
```
#184a63
```
#184a63 rgb(24,74,99)
```
#1c5672
```
#1c5672 rgb(28,86,114)
```
#1f6182
```
#1f6182 rgb(31,97,130)
```
#236d92
```
#236d92 rgb(35,109,146)
```
#2779a2
```
#2779a2 rgb(39,121,162)
```
#2b85b2
```
#2b85b2 rgb(43,133,178)
```
#2f91c1
```
#2f91c1 rgb(47,145,193)
```

Shade Color Variation

#359bce
```
#359bce rgb(53,155,206)
```
#45a3d2
```
#45a3d2 rgb(69,163,210)
```
#55abd6
```
#55abd6 rgb(85,171,214)
```
#65b3da
```
#65b3da rgb(101,179,218)
```
#75bbde
```
#75bbde rgb(117,187,222)
```
#84c2e1
```
#84c2e1 rgb(132,194,225)
```
#94cae5
```
#94cae5 rgb(148,202,229)
```
#a4d2e9
```
#a4d2e9 rgb(164,210,233)
```
#b4daed
```
#b4daed rgb(180,218,237)
```
#c4e2f1
```
#c4e2f1 rgb(196,226,241)
```
#d3e9f4
```
#d3e9f4 rgb(211,233,244)
```
#e3f1f8
```
#e3f1f8 rgb(227,241,248)
```
#f3f9fc
```
#f3f9fc rgb(243,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e989d is the less saturated color, while #2cb9ff is the most saturated one.

#8e989d
```
#8e989d rgb(142,152,157)
```
#869ba5
```
#869ba5 rgb(134,155,165)
```
#7e9dad
```
#7e9dad rgb(126,157,173)
```
#75a0b6
```
#75a0b6 rgb(117,160,182)
```
#6da3be
```
#6da3be rgb(109,163,190)
```
#65a6c6
```
#65a6c6 rgb(101,166,198)
```
#5da8ce
```
#5da8ce rgb(93,168,206)
```
#55abd6
```
#55abd6 rgb(85,171,214)
```
#4daede
```
#4daede rgb(77,174,222)
```
#45b0e6
```
#45b0e6 rgb(69,176,230)
```
#3db3ee
```
#3db3ee rgb(61,179,238)
```
#35b6f6
```
#35b6f6 rgb(53,182,246)
```
#2cb9ff
```
#2cb9ff rgb(44,185,255)
```

Tone Color Variation

Below, you can see how #55abd6 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

#969696 Achromatopsia 0.005% of the population
#899aa3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aa4d1 Protanopia 1% of men
#95a4dc Deuteranopia 1% of men
#50b3c0 Tritanopia 0.001% of the population

Trichromacy

#81a7d2 Protanomaly 1% of men, 0.01% of women
#7da6da Deuteranomaly 6% of men, 0.4% of women
#52b0c8 Tritanomaly 0.01% of the population

#55abd6 hex color

#55abd6 Color Information

#55abd6 Color Conversion

Color Schemes with #55abd6

Alternatives to #55abd6

#55abd6 Preview

Shades and Tints of #55abd6

Tones of #55abd6

Color Blindness Simulator