#55c7f2 hex color

In a RGB color space, hex #55c7f2 is composed of 33.3% red, 78% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 17.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 196.4 degrees, a saturation of 85.8% and a lightness of 64.1%. #55c7f2 color hex could be obtained by blending #aaffff with #008fe5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 33
- G 78
- B 95
RGB color chart
- C 65
- M 18
- Y 0
- K 5
CMYK color chart

● #55c7f2 color description : Soft blue.

The hexadecimal color #55c7f2 has RGB values of R:85, G:199, B:242 and CMYK values of C:0.65, M:0.18, Y:0, K:0.05. Its decimal value is 5621746.

Hex triplet	55c7f2	`#55c7f2`
RGB Decimal	85, 199, 242	`rgb(85,199,242)`
RGB Percent	33.3, 78, 94.9	`rgb(33.3%,78%,94.9%)`
CMYK	65, 18, 0, 5
HSL	196.4°, 85.8, 64.1	`hsl(196.4,85.8%,64.1%)`
HSV (or HSB)	196.4°, 64.9, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	75.567, -19.39, -30.774
XYZ	40.193, 49.186, 91.375
xyY	0.222, 0.272, 49.186
CIE-LCH	75.567, 36.373, 237.787
CIE-LUV	75.567, -44.238, -46.748
Hunter-Lab	70.133, -20.435, -28.156
Binary	01010101, 11000111, 11110010

#55c7f2
```
#55c7f2 rgb(85,199,242)
```
#f28055
```
#f28055 rgb(242,128,85)
```

Complementary Color

#55f2cf
```
#55f2cf rgb(85,242,207)
```
#55c7f2
```
#55c7f2 rgb(85,199,242)
```
#5579f2
```
#5579f2 rgb(85,121,242)
```

Analogous Color

#f2cf55
```
#f2cf55 rgb(242,207,85)
```
#55c7f2
```
#55c7f2 rgb(85,199,242)
```
#f25579
```
#f25579 rgb(242,85,121)
```

Split Complementary Color

#c7f255
```
#c7f255 rgb(199,242,85)
```
#55c7f2
```
#55c7f2 rgb(85,199,242)
```
#f255c7
```
#f255c7 rgb(242,85,199)
```

Triadic Color

#55f280
```
#55f280 rgb(85,242,128)
```
#55c7f2
```
#55c7f2 rgb(85,199,242)
```
#f255c7
```
#f255c7 rgb(242,85,199)
```
#f28055
```
#f28055 rgb(242,128,85)
```

Tetradic Color

#12aee9
```
#12aee9 rgb(18,174,233)
```
#26b7ee
```
#26b7ee rgb(38,183,238)
```
#3dbff0
```
#3dbff0 rgb(61,191,240)
```
#55c7f2
```
#55c7f2 rgb(85,199,242)
```
#6dcff4
```
#6dcff4 rgb(109,207,244)
```
#84d7f6
```
#84d7f6 rgb(132,215,246)
```
#9cdef7
```
#9cdef7 rgb(156,222,247)
```

Monochromatic Color

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

#55eef2
```
#55eef2 rgb(85,238,242)
```
#55e1f2
```
#55e1f2 rgb(85,225,242)
```
#55d4f2
```
#55d4f2 rgb(85,212,242)
```
#55c7f2
```
#55c7f2 rgb(85,199,242)
```
#55baf2
```
#55baf2 rgb(85,186,242)
```
#55adf2
```
#55adf2 rgb(85,173,242)
```
#55a0f2
```
#55a0f2 rgb(85,160,242)
```

Similar Colors

Text with hexadecimal color #55c7f2

This text has a font color of #55c7f2.

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

#55c7f2 background color

This paragraph has a background color of #55c7f2.

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

#55c7f2 border color

This element has a border color of #55c7f2.

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

CSS codes

.text {color:#55c7f2;}

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

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

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

#01090c
```
#01090c rgb(1,9,12)
```
#02171e
```
#02171e rgb(2,23,30)
```
#042431
```
#042431 rgb(4,36,49)
```
#053243
```
#053243 rgb(5,50,67)
```
#074055
```
#074055 rgb(7,64,85)
```
#084d67
```
#084d67 rgb(8,77,103)
```
#095b7a
```
#095b7a rgb(9,91,122)
```
#0b688c
```
#0b688c rgb(11,104,140)
```
#0c769e
```
#0c769e rgb(12,118,158)
```
#0d84b0
```
#0d84b0 rgb(13,132,176)
```
#0f91c2
```
#0f91c2 rgb(15,145,194)
```
#109fd5
```
#109fd5 rgb(16,159,213)
```
#12ace7
```
#12ace7 rgb(18,172,231)
```

Shade Color Variation

#1eb5ee
```
#1eb5ee rgb(30,181,238)
```
#31bbef
```
#31bbef rgb(49,187,239)
```
#43c1f1
```
#43c1f1 rgb(67,193,241)
```
#55c7f2
```
#55c7f2 rgb(85,199,242)
```
#67cdf3
```
#67cdf3 rgb(103,205,243)
```
#79d3f5
```
#79d3f5 rgb(121,211,245)
```
#8cd9f6
```
#8cd9f6 rgb(140,217,246)
```
#9edff8
```
#9edff8 rgb(158,223,248)
```
#b0e5f9
```
#b0e5f9 rgb(176,229,249)
```
#c2ebfa
```
#c2ebfa rgb(194,235,250)
```
#d5f1fc
```
#d5f1fc rgb(213,241,252)
```
#e7f7fd
```
#e7f7fd rgb(231,247,253)
```
#f9fdff
```
#f9fdff rgb(249,253,255)
```

Tint Color Variation

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

#a2a4a5
```
#a2a4a5 rgb(162,164,165)
```
#9ba7ac
```
#9ba7ac rgb(155,167,172)
```
#94aab3
```
#94aab3 rgb(148,170,179)
```
#8daeba
```
#8daeba rgb(141,174,186)
```
#86b1c1
```
#86b1c1 rgb(134,177,193)
```
#7fb4c8
```
#7fb4c8 rgb(127,180,200)
```
#78b7cf
```
#78b7cf rgb(120,183,207)
```
#71bad6
```
#71bad6 rgb(113,186,214)
```
#6abddd
```
#6abddd rgb(106,189,221)
```
#63c1e4
```
#63c1e4 rgb(99,193,228)
```
#5cc4eb
```
#5cc4eb rgb(92,196,235)
```
#55c7f2
```
#55c7f2 rgb(85,199,242)
```
#4ecaf9
```
#4ecaf9 rgb(78,202,249)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#99b0b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1bbe9 Protanopia 1% of men
#acbbf8 Deuteranopia 1% of men
#4ecddc Tritanopia 0.001% of the population

Trichromacy

#90bfec Protanomaly 1% of men, 0.01% of women
#8cbff6 Deuteranomaly 6% of men, 0.4% of women
#50cbe4 Tritanomaly 0.01% of the population

#55c7f2 hex color

#55c7f2 Color Information

#55c7f2 Color Conversion

Color Schemes with #55c7f2

Alternatives to #55c7f2

#55c7f2 Preview

Shades and Tints of #55c7f2

Tones of #55c7f2

Color Blindness Simulator