colorhexa.com

#55ccf6 hex color

In a RGB color space, hex #55ccf6 is composed of 33.3% red, 80% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 17.1% magenta, 0% yellow and 3.5% black. It has a hue angle of 195.7 degrees, a saturation of 89.9% and a lightness of 64.9%. #55ccf6 color hex could be obtained by blending #aaffff with #0099ed. Closest websafe color is: #66ccff.

- R 33
- G 80
- B 96
RGB color chart
- C 65
- M 17
- Y 0
- K 4
CMYK color chart

● #55ccf6 color description : Soft blue.

The hexadecimal color #55ccf6 has RGB values of R:85, G:204, B:246 and CMYK values of C:0.65, M:0.17, Y:0, K:0.04. Its decimal value is 5623030.

Hex triplet	55ccf6	`#55ccf6`
RGB Decimal	85, 204, 246	`rgb(85,204,246)`
RGB Percent	33.3, 80, 96.5	`rgb(33.3%,80%,96.5%)`
CMYK	65, 17, 0, 4
HSL	195.7°, 89.9, 64.9	`hsl(195.7,89.9%,64.9%)`
HSV (or HSB)	195.7°, 65.4, 96.5
Web Safe	66ccff	`#66ccff`

CIE-LAB	77.142, -20.727, -30.497
XYZ	41.969, 51.767, 94.964
xyY	0.222, 0.274, 51.767
CIE-LCH	77.142, 36.874, 235.799
CIE-LUV	77.142, -45.82, -46.21
Hunter-Lab	71.95, -21.79, -27.89
Binary	01010101, 11001100, 11110110

#55ccf6
```
#55ccf6 rgb(85,204,246)
```
#f67f55
```
#f67f55 rgb(246,127,85)
```

Complementary Color

#55f6d0
```
#55f6d0 rgb(85,246,208)
```
#55ccf6
```
#55ccf6 rgb(85,204,246)
```
#557cf6
```
#557cf6 rgb(85,124,246)
```

Analogous Color

#f6d055
```
#f6d055 rgb(246,208,85)
```
#55ccf6
```
#55ccf6 rgb(85,204,246)
```
#f6557c
```
#f6557c rgb(246,85,124)
```

Split Complementary Color

#ccf655
```
#ccf655 rgb(204,246,85)
```
#55ccf6
```
#55ccf6 rgb(85,204,246)
```
#f655cc
```
#f655cc rgb(246,85,204)
```

Triadic Color

#55f67f
```
#55f67f rgb(85,246,127)
```
#55ccf6
```
#55ccf6 rgb(85,204,246)
```
#f655cc
```
#f655cc rgb(246,85,204)
```
#f67f55
```
#f67f55 rgb(246,127,85)
```

Tetradic Color

#0db6f2
```
#0db6f2 rgb(13,182,242)
```
#25bdf3
```
#25bdf3 rgb(37,189,243)
```
#3dc5f5
```
#3dc5f5 rgb(61,197,245)
```
#55ccf6
```
#55ccf6 rgb(85,204,246)
```
#6dd3f7
```
#6dd3f7 rgb(109,211,247)
```
#85dbf9
```
#85dbf9 rgb(133,219,249)
```
#9ee2fa
```
#9ee2fa rgb(158,226,250)
```

Monochromatic Color

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

#55f4f6
```
#55f4f6 rgb(85,244,246)
```
#55e7f6
```
#55e7f6 rgb(85,231,246)
```
#55d9f6
```
#55d9f6 rgb(85,217,246)
```
#55ccf6
```
#55ccf6 rgb(85,204,246)
```
#55bff6
```
#55bff6 rgb(85,191,246)
```
#55b1f6
```
#55b1f6 rgb(85,177,246)
```
#55a4f6
```
#55a4f6 rgb(85,164,246)
```

Similar Colors

Text with hexadecimal color #55ccf6

This text has a font color of #55ccf6.

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

#55ccf6 background color

This paragraph has a background color of #55ccf6.

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

#55ccf6 border color

This element has a border color of #55ccf6.

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

CSS codes

.text {color:#55ccf6;}

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

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

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, #010c10 is the darkest color, while #fdfeff is the lightest one.

#010c10
```
#010c10 rgb(1,12,16)
```
#021a23
```
#021a23 rgb(2,26,35)
```
#032836
```
#032836 rgb(3,40,54)
```
#043648
```
#043648 rgb(4,54,72)
```
#05445b
```
#05445b rgb(5,68,91)
```
#06526d
```
#06526d rgb(6,82,109)
```
#076080
```
#076080 rgb(7,96,128)
```
#086e93
```
#086e93 rgb(8,110,147)
```
#097ca5
```
#097ca5 rgb(9,124,165)
```
#0a8bb8
```
#0a8bb8 rgb(10,139,184)
```
#0b99cb
```
#0b99cb rgb(11,153,203)
```
#0ca7dd
```
#0ca7dd rgb(12,167,221)
```
#0db5f0
```
#0db5f0 rgb(13,181,240)
```

Shade Color Variation

#1dbbf3
```
#1dbbf3 rgb(29,187,243)
```
#30c1f4
```
#30c1f4 rgb(48,193,244)
```
#42c6f5
```
#42c6f5 rgb(66,198,245)
```
#55ccf6
```
#55ccf6 rgb(85,204,246)
```
#68d2f7
```
#68d2f7 rgb(104,210,247)
```
#7ad7f8
```
#7ad7f8 rgb(122,215,248)
```
#8dddf9
```
#8dddf9 rgb(141,221,249)
```
#a0e2fa
```
#a0e2fa rgb(160,226,250)
```
#b2e8fb
```
#b2e8fb rgb(178,232,251)
```
#c5eefc
```
#c5eefc rgb(197,238,252)
```
#d7f3fd
```
#d7f3fd rgb(215,243,253)
```
#eaf9fe
```
#eaf9fe rgb(234,249,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#a1a8aa
```
#a1a8aa rgb(161,168,170)
```
#9aabb1
```
#9aabb1 rgb(154,171,177)
```
#93aeb8
```
#93aeb8 rgb(147,174,184)
```
#8cb2bf
```
#8cb2bf rgb(140,178,191)
```
#85b5c6
```
#85b5c6 rgb(133,181,198)
```
#7eb8cd
```
#7eb8cd rgb(126,184,205)
```
#77bcd4
```
#77bcd4 rgb(119,188,212)
```
#71bfda
```
#71bfda rgb(113,191,218)
```
#6ac2e1
```
#6ac2e1 rgb(106,194,225)
```
#63c5e8
```
#63c5e8 rgb(99,197,232)
```
#5cc9ef
```
#5cc9ef rgb(92,201,239)
```
#55ccf6
```
#55ccf6 rgb(85,204,246)
```
#4ecffd
```
#4ecffd rgb(78,207,253)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#9bb3bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6c0ec Protanopia 1% of men
#b1bffc Deuteranopia 1% of men
#4fd2e1 Tritanopia 0.001% of the population

Trichromacy

#92c4f0 Protanomaly 1% of men, 0.01% of women
#8fc3fa Deuteranomaly 6% of men, 0.4% of women
#51d0e9 Tritanomaly 0.01% of the population