#55b4f8 hex color

In a RGB color space, hex #55b4f8 is composed of 33.3% red, 70.6% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 27.4% magenta, 0% yellow and 2.7% black. It has a hue angle of 205 degrees, a saturation of 92.1% and a lightness of 65.3%. #55b4f8 color hex could be obtained by blending #aaffff with #0069f1. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 33
- G 71
- B 97
RGB color chart
- C 66
- M 27
- Y 0
- K 3
CMYK color chart

● #55b4f8 color description : Soft blue.

The hexadecimal color #55b4f8 has RGB values of R:85, G:180, B:248 and CMYK values of C:0.66, M:0.27, Y:0, K:0.03. Its decimal value is 5616888.

Hex triplet	55b4f8	`#55b4f8`
RGB Decimal	85, 180, 248	`rgb(85,180,248)`
RGB Percent	33.3, 70.6, 97.3	`rgb(33.3%,70.6%,97.3%)`
CMYK	66, 27, 0, 3
HSL	205°, 92.1, 65.3	`hsl(205,92.1%,65.3%)`
HSV (or HSB)	205°, 65.7, 97.3
Web Safe	66ccff	`#66ccff`

CIE-LAB	70.419, -7.392, -41.999
XYZ	37.007, 41.348, 94.833
xyY	0.214, 0.239, 41.348
CIE-LCH	70.419, 42.645, 260.018
CIE-LUV	70.419, -37.216, -66.988
Hunter-Lab	64.303, -9.801, -42.428
Binary	01010101, 10110100, 11111000

#55b4f8
```
#55b4f8 rgb(85,180,248)
```
#f89955
```
#f89955 rgb(248,153,85)
```

Complementary Color

#55f8eb
```
#55f8eb rgb(85,248,235)
```
#55b4f8
```
#55b4f8 rgb(85,180,248)
```
#5563f8
```
#5563f8 rgb(85,99,248)
```

Analogous Color

#f8eb55
```
#f8eb55 rgb(248,235,85)
```
#55b4f8
```
#55b4f8 rgb(85,180,248)
```
#f85563
```
#f85563 rgb(248,85,99)
```

Split Complementary Color

#b4f855
```
#b4f855 rgb(180,248,85)
```
#55b4f8
```
#55b4f8 rgb(85,180,248)
```
#f855b4
```
#f855b4 rgb(248,85,180)
```

Triadic Color

#55f899
```
#55f899 rgb(85,248,153)
```
#55b4f8
```
#55b4f8 rgb(85,180,248)
```
#f855b4
```
#f855b4 rgb(248,85,180)
```
#f89955
```
#f89955 rgb(248,153,85)
```

Tetradic Color

#0c94f5
```
#0c94f5 rgb(12,148,245)
```
#249ef6
```
#249ef6 rgb(36,158,246)
```
#3da9f7
```
#3da9f7 rgb(61,169,247)
```
#55b4f8
```
#55b4f8 rgb(85,180,248)
```
#6dbff9
```
#6dbff9 rgb(109,191,249)
```
#86cafa
```
#86cafa rgb(134,202,250)
```
#9ed4fb
```
#9ed4fb rgb(158,212,251)
```

Monochromatic Color

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

#55ddf8
```
#55ddf8 rgb(85,221,248)
```
#55cff8
```
#55cff8 rgb(85,207,248)
```
#55c2f8
```
#55c2f8 rgb(85,194,248)
```
#55b4f8
```
#55b4f8 rgb(85,180,248)
```
#55a6f8
```
#55a6f8 rgb(85,166,248)
```
#5599f8
```
#5599f8 rgb(85,153,248)
```
#558bf8
```
#558bf8 rgb(85,139,248)
```

Similar Colors

Text with hexadecimal color #55b4f8

This text has a font color of #55b4f8.

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

#55b4f8 background color

This paragraph has a background color of #55b4f8.

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

#55b4f8 border color

This element has a border color of #55b4f8.

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

CSS codes

.text {color:#55b4f8;}

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

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

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

#010b12
```
#010b12 rgb(1,11,18)
```
#021625
```
#021625 rgb(2,22,37)
```
#022238
```
#022238 rgb(2,34,56)
```
#032d4b
```
#032d4b rgb(3,45,75)
```
#04385e
```
#04385e rgb(4,56,94)
```
#054471
```
#054471 rgb(5,68,113)
```
#054f83
```
#054f83 rgb(5,79,131)
```
#065a96
```
#065a96 rgb(6,90,150)
```
#0765a9
```
#0765a9 rgb(7,101,169)
```
#0871bc
```
#0871bc rgb(8,113,188)
```
#097ccf
```
#097ccf rgb(9,124,207)
```
#0987e2
```
#0987e2 rgb(9,135,226)
```
#0a93f4
```
#0a93f4 rgb(10,147,244)
```

Shade Color Variation

#1c9bf6
```
#1c9bf6 rgb(28,155,246)
```
#2fa3f6
```
#2fa3f6 rgb(47,163,246)
```
#42acf7
```
#42acf7 rgb(66,172,247)
```
#55b4f8
```
#55b4f8 rgb(85,180,248)
```
#68bcf9
```
#68bcf9 rgb(104,188,249)
```
#7bc5fa
```
#7bc5fa rgb(123,197,250)
```
#8ecdfa
```
#8ecdfa rgb(142,205,250)
```
#a0d5fb
```
#a0d5fb rgb(160,213,251)
```
#b3defc
```
#b3defc rgb(179,222,252)
```
#c6e6fd
```
#c6e6fd rgb(198,230,253)
```
#d9eefd
```
#d9eefd rgb(217,238,253)
```
#ecf6fe
```
#ecf6fe rgb(236,246,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a0a8ad
```
#a0a8ad rgb(160,168,173)
```
#99a9b4
```
#99a9b4 rgb(153,169,180)
```
#92aabb
```
#92aabb rgb(146,170,187)
```
#8babc2
```
#8babc2 rgb(139,171,194)
```
#85acc8
```
#85acc8 rgb(133,172,200)
```
#7eadcf
```
#7eadcf rgb(126,173,207)
```
#77aed6
```
#77aed6 rgb(119,174,214)
```
#70afdd
```
#70afdd rgb(112,175,221)
```
#69b1e4
```
#69b1e4 rgb(105,177,228)
```
#63b2ea
```
#63b2ea rgb(99,178,234)
```
#5cb3f1
```
#5cb3f1 rgb(92,179,241)
```
#55b4f8
```
#55b4f8 rgb(85,180,248)
```
#4eb5ff
```
#4eb5ff rgb(78,181,255)
```

Tone Color Variation

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

#9aaef1 Protanopia 1% of men
#8daffb Deuteranopia 1% of men
#3cc0ce Tritanopia 0.001% of the population

Trichromacy

#81b0f3 Protanomaly 1% of men, 0.01% of women
#78b1fa Deuteranomaly 6% of men, 0.4% of women
#45bbdd Tritanomaly 0.01% of the population

#55b4f8 hex color

#55b4f8 Color Information

#55b4f8 Color Conversion

Color Schemes with #55b4f8

Alternatives to #55b4f8

#55b4f8 Preview

Shades and Tints of #55b4f8

Tones of #55b4f8

Color Blindness Simulator