#55bad3 hex color

In a RGB color space, hex #55bad3 is composed of 33.3% red, 72.9% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 11.8% magenta, 0% yellow and 17.3% black. It has a hue angle of 191.9 degrees, a saturation of 58.9% and a lightness of 58%. #55bad3 color hex could be obtained by blending #aaffff with #0075a7. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 33
- G 73
- B 83
RGB color chart
- C 60
- M 12
- Y 0
- K 17
CMYK color chart

● #55bad3 color description : Moderate cyan.

The hexadecimal color #55bad3 has RGB values of R:85, G:186, B:211 and CMYK values of C:0.6, M:0.12, Y:0, K:0.17. Its decimal value is 5618387.

Hex triplet	55bad3	`#55bad3`
RGB Decimal	85, 186, 211	`rgb(85,186,211)`
RGB Percent	33.3, 72.9, 82.7	`rgb(33.3%,72.9%,82.7%)`
CMYK	60, 12, 0, 17
HSL	191.9°, 58.9, 58	`hsl(191.9,58.9%,58%)`
HSV (or HSB)	191.9°, 59.7, 82.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.698, -22.064, -21.425
XYZ	33.06, 41.75, 67.941
xyY	0.232, 0.292, 41.75
CIE-LCH	70.698, 30.755, 224.158
CIE-LUV	70.698, -41.018, -30.333
Hunter-Lab	64.614, -21.745, -17.113
Binary	01010101, 10111010, 11010011

#55bad3
```
#55bad3 rgb(85,186,211)
```
#d36e55
```
#d36e55 rgb(211,110,85)
```

Complementary Color

#55d3ad
```
#55d3ad rgb(85,211,173)
```
#55bad3
```
#55bad3 rgb(85,186,211)
```
#557bd3
```
#557bd3 rgb(85,123,211)
```

Analogous Color

#d3ad55
```
#d3ad55 rgb(211,173,85)
```
#55bad3
```
#55bad3 rgb(85,186,211)
```
#d3557b
```
#d3557b rgb(211,85,123)
```

Split Complementary Color

#bad355
```
#bad355 rgb(186,211,85)
```
#55bad3
```
#55bad3 rgb(85,186,211)
```
#d355ba
```
#d355ba rgb(211,85,186)
```

Triadic Color

#55d36e
```
#55d36e rgb(85,211,110)
```
#55bad3
```
#55bad3 rgb(85,186,211)
```
#d355ba
```
#d355ba rgb(211,85,186)
```
#d36e55
```
#d36e55 rgb(211,110,85)
```

Tetradic Color

#2d95ae
```
#2d95ae rgb(45,149,174)
```
#32a6c3
```
#32a6c3 rgb(50,166,195)
```
#41b2ce
```
#41b2ce rgb(65,178,206)
```
#55bad3
```
#55bad3 rgb(85,186,211)
```
#69c2d8
```
#69c2d8 rgb(105,194,216)
```
#7ecadd
```
#7ecadd rgb(126,202,221)
```
#92d3e3
```
#92d3e3 rgb(146,211,227)
```

Monochromatic Color

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

#55d3cd
```
#55d3cd rgb(85,211,205)
```
#55cfd3
```
#55cfd3 rgb(85,207,211)
```
#55c5d3
```
#55c5d3 rgb(85,197,211)
```
#55bad3
```
#55bad3 rgb(85,186,211)
```
#55b0d3
```
#55b0d3 rgb(85,176,211)
```
#55a5d3
```
#55a5d3 rgb(85,165,211)
```
#559bd3
```
#559bd3 rgb(85,155,211)
```

Similar Colors

Text with hexadecimal color #55bad3

This text has a font color of #55bad3.

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

#55bad3 background color

This paragraph has a background color of #55bad3.

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

#55bad3 border color

This element has a border color of #55bad3.

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

CSS codes

.text {color:#55bad3;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040e11
```
#040e11 rgb(4,14,17)
```
#081c21
```
#081c21 rgb(8,28,33)
```
#0c2930
```
#0c2930 rgb(12,41,48)
```
#103640
```
#103640 rgb(16,54,64)
```
#15444f
```
#15444f rgb(21,68,79)
```
#19515f
```
#19515f rgb(25,81,95)
```
#1d5e6e
```
#1d5e6e rgb(29,94,110)
```
#216c7e
```
#216c7e rgb(33,108,126)
```
#25798e
```
#25798e rgb(37,121,142)
```
#29869d
```
#29869d rgb(41,134,157)
```
#2d93ad
```
#2d93ad rgb(45,147,173)
```
#31a1bc
```
#31a1bc rgb(49,161,188)
```

Shade Color Variation

#36adcb
```
#36adcb rgb(54,173,203)
```
#45b4cf
```
#45b4cf rgb(69,180,207)
```
#55bad3
```
#55bad3 rgb(85,186,211)
```
#65c0d7
```
#65c0d7 rgb(101,192,215)
```
#74c7db
```
#74c7db rgb(116,199,219)
```
#84cddf
```
#84cddf rgb(132,205,223)
```
#93d3e3
```
#93d3e3 rgb(147,211,227)
```
#a3dae7
```
#a3dae7 rgb(163,218,231)
```
#b2e0eb
```
#b2e0eb rgb(178,224,235)
```
#c2e6ef
```
#c2e6ef rgb(194,230,239)
```
#d2edf3
```
#d2edf3 rgb(210,237,243)
```
#e1f3f7
```
#e1f3f7 rgb(225,243,247)
```
#f1f9fb
```
#f1f9fb rgb(241,249,251)
```

Tint Color Variation

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

#8f9799
```
#8f9799 rgb(143,151,153)
```
#869ca2
```
#869ca2 rgb(134,156,162)
```
#7ea1aa
```
#7ea1aa rgb(126,161,170)
```
#76a6b2
```
#76a6b2 rgb(118,166,178)
```
#6eabba
```
#6eabba rgb(110,171,186)
```
#65b0c3
```
#65b0c3 rgb(101,176,195)
```
#5db5cb
```
#5db5cb rgb(93,181,203)
```
#55bad3
```
#55bad3 rgb(85,186,211)
```
#4dbfdb
```
#4dbfdb rgb(77,191,219)
```
#45c4e3
```
#45c4e3 rgb(69,196,227)
```
#3cc9ec
```
#3cc9ec rgb(60,201,236)
```
#34cef4
```
#34cef4 rgb(52,206,244)
```
#2cd3fc
```
#2cd3fc rgb(44,211,252)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#90a4a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abafcc Protanopia 1% of men
#aaaedb Deuteranopia 1% of men
#59bfcd Tritanopia 0.001% of the population

Trichromacy

#8bb3cf Protanomaly 1% of men, 0.01% of women
#8bb2d8 Deuteranomaly 6% of men, 0.4% of women
#57bdcf Tritanomaly 0.01% of the population

#55bad3 hex color

#55bad3 Color Information

#55bad3 Color Conversion

Color Schemes with #55bad3

Alternatives to #55bad3

#55bad3 Preview

Shades and Tints of #55bad3

Tones of #55bad3

Color Blindness Simulator