#55b4f9 hex color

In a RGB color space, hex #55b4f9 is composed of 33.3% red, 70.6% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 27.7% magenta, 0% yellow and 2.4% black. It has a hue angle of 205.2 degrees, a saturation of 93.2% and a lightness of 65.5%. #55b4f9 color hex could be obtained by blending #aaffff with #0069f3. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 33
- G 71
- B 98
RGB color chart
- C 66
- M 28
- Y 0
- K 2
CMYK color chart

● #55b4f9 color description : Soft blue.

The hexadecimal color #55b4f9 has RGB values of R:85, G:180, B:249 and CMYK values of C:0.66, M:0.28, Y:0, K:0.02. Its decimal value is 5616889.

Hex triplet	55b4f9	`#55b4f9`
RGB Decimal	85, 180, 249	`rgb(85,180,249)`
RGB Percent	33.3, 70.6, 97.6	`rgb(33.3%,70.6%,97.6%)`
CMYK	66, 28, 0, 2
HSL	205.2°, 93.2, 65.5	`hsl(205.2,93.2%,65.5%)`
HSV (or HSB)	205.2°, 65.9, 97.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	70.463, -7.068, -42.473
XYZ	37.162, 41.411, 95.652
xyY	0.213, 0.238, 41.411
CIE-LCH	70.463, 43.057, 260.552
CIE-LUV	70.463, -37.177, -67.845
Hunter-Lab	64.351, -9.532, -43.083
Binary	01010101, 10110100, 11111001

#55b4f9
```
#55b4f9 rgb(85,180,249)
```
#f99a55
```
#f99a55 rgb(249,154,85)
```

Complementary Color

#55f9ec
```
#55f9ec rgb(85,249,236)
```
#55b4f9
```
#55b4f9 rgb(85,180,249)
```
#5562f9
```
#5562f9 rgb(85,98,249)
```

Analogous Color

#f9ec55
```
#f9ec55 rgb(249,236,85)
```
#55b4f9
```
#55b4f9 rgb(85,180,249)
```
#f95562
```
#f95562 rgb(249,85,98)
```

Split Complementary Color

#b4f955
```
#b4f955 rgb(180,249,85)
```
#55b4f9
```
#55b4f9 rgb(85,180,249)
```
#f955b4
```
#f955b4 rgb(249,85,180)
```

Triadic Color

#55f99a
```
#55f99a rgb(85,249,154)
```
#55b4f9
```
#55b4f9 rgb(85,180,249)
```
#f955b4
```
#f955b4 rgb(249,85,180)
```
#f99a55
```
#f99a55 rgb(249,154,85)
```

Tetradic Color

#0b93f6
```
#0b93f6 rgb(11,147,246)
```
#249ef7
```
#249ef7 rgb(36,158,247)
```
#3ca9f8
```
#3ca9f8 rgb(60,169,248)
```
#55b4f9
```
#55b4f9 rgb(85,180,249)
```
#6ebffa
```
#6ebffa rgb(110,191,250)
```
#86cafb
```
#86cafb rgb(134,202,251)
```
#9fd5fc
```
#9fd5fc rgb(159,213,252)
```

Monochromatic Color

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

#55ddf9
```
#55ddf9 rgb(85,221,249)
```
#55cff9
```
#55cff9 rgb(85,207,249)
```
#55c2f9
```
#55c2f9 rgb(85,194,249)
```
#55b4f9
```
#55b4f9 rgb(85,180,249)
```
#55a6f9
```
#55a6f9 rgb(85,166,249)
```
#5599f9
```
#5599f9 rgb(85,153,249)
```
#558bf9
```
#558bf9 rgb(85,139,249)
```

Similar Colors

Text with hexadecimal color #55b4f9

This text has a font color of #55b4f9.

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

#55b4f9 background color

This paragraph has a background color of #55b4f9.

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

#55b4f9 border color

This element has a border color of #55b4f9.

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

CSS codes

.text {color:#55b4f9;}

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

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

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, #000001 is the darkest color, while #edf7fe is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#010c13
```
#010c13 rgb(1,12,19)
```
#011726
```
#011726 rgb(1,23,38)
```
#022239
```
#022239 rgb(2,34,57)
```
#032d4c
```
#032d4c rgb(3,45,76)
```
#03395f
```
#03395f rgb(3,57,95)
```
#044472
```
#044472 rgb(4,68,114)
```
#054f85
```
#054f85 rgb(5,79,133)
```
#055a98
```
#055a98 rgb(5,90,152)
```
#0666ab
```
#0666ab rgb(6,102,171)
```
#0771be
```
#0771be rgb(7,113,190)
```
#077cd1
```
#077cd1 rgb(7,124,209)
```
#0887e4
```
#0887e4 rgb(8,135,228)
```

Shade Color Variation

#0993f6
```
#0993f6 rgb(9,147,246)
```
#1c9bf7
```
#1c9bf7 rgb(28,155,247)
```
#2fa3f8
```
#2fa3f8 rgb(47,163,248)
```
#42acf8
```
#42acf8 rgb(66,172,248)
```
#55b4f9
```
#55b4f9 rgb(85,180,249)
```
#68bcfa
```
#68bcfa rgb(104,188,250)
```
#7bc5fa
```
#7bc5fa rgb(123,197,250)
```
#8ecdfb
```
#8ecdfb rgb(142,205,251)
```
#a1d5fc
```
#a1d5fc rgb(161,213,252)
```
#b4defc
```
#b4defc rgb(180,222,252)
```
#c7e6fd
```
#c7e6fd rgb(199,230,253)
```
#daeffe
```
#daeffe rgb(218,239,254)
```
#edf7fe
```
#edf7fe rgb(237,247,254)
```

Tint Color Variation

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

#a6a7a8
```
#a6a7a8 rgb(166,167,168)
```
#9fa8af
```
#9fa8af rgb(159,168,175)
```
#99a9b5
```
#99a9b5 rgb(153,169,181)
```
#92aabc
```
#92aabc rgb(146,170,188)
```
#8babc3
```
#8babc3 rgb(139,171,195)
```
#84acca
```
#84acca rgb(132,172,202)
```
#7eaed0
```
#7eaed0 rgb(126,174,208)
```
#77afd7
```
#77afd7 rgb(119,175,215)
```
#70b0de
```
#70b0de rgb(112,176,222)
```
#69b1e5
```
#69b1e5 rgb(105,177,229)
```
#63b2eb
```
#63b2eb rgb(99,178,235)
```
#5cb3f2
```
#5cb3f2 rgb(92,179,242)
```
#55b4f9
```
#55b4f9 rgb(85,180,249)
```

Tone Color Variation

Below, you can see how #55b4f9 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
#90a3b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#99aef2 Protanopia 1% of men
#8caffc Deuteranopia 1% of men
#3bc0ce Tritanopia 0.001% of the population

Trichromacy

#80b0f4 Protanomaly 1% of men, 0.01% of women
#78b1fb Deuteranomaly 6% of men, 0.4% of women
#44bbde Tritanomaly 0.01% of the population

#55b4f9 hex color

#55b4f9 Color Information

#55b4f9 Color Conversion

Color Schemes with #55b4f9

Alternatives to #55b4f9

#55b4f9 Preview

Shades and Tints of #55b4f9

Tones of #55b4f9

Color Blindness Simulator