#55b3ff hex color

In a RGB color space, hex #55b3ff is composed of 33.3% red, 70.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 29.8% magenta, 0% yellow and 0% black. It has a hue angle of 206.8 degrees, a saturation of 100% and a lightness of 66.7%. #55b3ff color hex could be obtained by blending #aaffff with #0067ff. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 33
- G 70
- B 100
RGB color chart
- C 67
- M 30
- Y 0
- K 0
CMYK color chart

● #55b3ff color description : Light blue.

The hexadecimal color #55b3ff has RGB values of R:85, G:179, B:255 and CMYK values of C:0.67, M:0.3, Y:0, K:0. Its decimal value is 5616639.

Hex triplet	55b3ff	`#55b3ff`
RGB Decimal	85, 179, 255	`rgb(85,179,255)`
RGB Percent	33.3, 70.2, 100	`rgb(33.3%,70.2%,100%)`
CMYK	67, 30, 0, 0
HSL	206.8°, 100, 66.7	`hsl(206.8,100%,66.7%)`
HSV (or HSB)	206.8°, 66.7, 100
Web Safe	66ccff	`#66ccff`

CIE-LAB	70.447, -4.56, -45.743
XYZ	37.912, 41.389, 100.593
xyY	0.211, 0.23, 41.389
CIE-LCH	70.447, 45.969, 264.307
CIE-LUV	70.447, -36.595, -73.749
Hunter-Lab	64.334, -7.394, -47.672
Binary	01010101, 10110011, 11111111

#55b3ff
```
#55b3ff rgb(85,179,255)
```
#ffa155
```
#ffa155 rgb(255,161,85)
```

Complementary Color

#55fff6
```
#55fff6 rgb(85,255,246)
```
#55b3ff
```
#55b3ff rgb(85,179,255)
```
#555eff
```
#555eff rgb(85,94,255)
```

Analogous Color

#fff655
```
#fff655 rgb(255,246,85)
```
#55b3ff
```
#55b3ff rgb(85,179,255)
```
#ff555e
```
#ff555e rgb(255,85,94)
```

Split Complementary Color

#b3ff55
```
#b3ff55 rgb(179,255,85)
```
#55b3ff
```
#55b3ff rgb(85,179,255)
```
#ff55b3
```
#ff55b3 rgb(255,85,179)
```

Triadic Color

#55ffa1
```
#55ffa1 rgb(85,255,161)
```
#55b3ff
```
#55b3ff rgb(85,179,255)
```
#ff55b3
```
#ff55b3 rgb(255,85,179)
```
#ffa155
```
#ffa155 rgb(255,161,85)
```

Tetradic Color

#0891ff
```
#0891ff rgb(8,145,255)
```
#229cff
```
#229cff rgb(34,156,255)
```
#3ca8ff
```
#3ca8ff rgb(60,168,255)
```
#55b3ff
```
#55b3ff rgb(85,179,255)
```
#6fbeff
```
#6fbeff rgb(111,190,255)
```
#88caff
```
#88caff rgb(136,202,255)
```
#a2d5ff
```
#a2d5ff rgb(162,213,255)
```

Monochromatic Color

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

#55deff
```
#55deff rgb(85,222,255)
```
#55cfff
```
#55cfff rgb(85,207,255)
```
#55c1ff
```
#55c1ff rgb(85,193,255)
```
#55b3ff
```
#55b3ff rgb(85,179,255)
```
#55a5ff
```
#55a5ff rgb(85,165,255)
```
#5597ff
```
#5597ff rgb(85,151,255)
```
#5589ff
```
#5589ff rgb(85,137,255)
```

Similar Colors

Text with hexadecimal color #55b3ff

This text has a font color of #55b3ff.

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

#55b3ff background color

This paragraph has a background color of #55b3ff.

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

#55b3ff border color

This element has a border color of #55b3ff.

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

CSS codes

.text {color:#55b3ff;}

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

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

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

#000407
```
#000407 rgb(0,4,7)
```
#000e1a
```
#000e1a rgb(0,14,26)
```
#00192e
```
#00192e rgb(0,25,46)
```
#002441
```
#002441 rgb(0,36,65)
```
#002f55
```
#002f55 rgb(0,47,85)
```
#003a69
```
#003a69 rgb(0,58,105)
```
#00457c
```
#00457c rgb(0,69,124)
```
#005090
```
#005090 rgb(0,80,144)
```
#005aa3
```
#005aa3 rgb(0,90,163)
```
#0065b7
```
#0065b7 rgb(0,101,183)
```
#0070cb
```
#0070cb rgb(0,112,203)
```
#007bde
```
#007bde rgb(0,123,222)
```
#0086f2
```
#0086f2 rgb(0,134,242)
```

Shade Color Variation

#0790ff
```
#0790ff rgb(7,144,255)
```
#1a99ff
```
#1a99ff rgb(26,153,255)
```
#2ea1ff
```
#2ea1ff rgb(46,161,255)
```
#41aaff
```
#41aaff rgb(65,170,255)
```
#55b3ff
```
#55b3ff rgb(85,179,255)
```
#69bcff
```
#69bcff rgb(105,188,255)
```
#7cc5ff
```
#7cc5ff rgb(124,197,255)
```
#90cdff
```
#90cdff rgb(144,205,255)
```
#a3d6ff
```
#a3d6ff rgb(163,214,255)
```
#b7dfff
```
#b7dfff rgb(183,223,255)
```
#cbe8ff
```
#cbe8ff rgb(203,232,255)
```
#def0ff
```
#def0ff rgb(222,240,255)
```
#f2f9ff
```
#f2f9ff rgb(242,249,255)
```

Tint Color Variation

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

#a3abb1
```
#a3abb1 rgb(163,171,177)
```
#9dabb7
```
#9dabb7 rgb(157,171,183)
```
#96acbe
```
#96acbe rgb(150,172,190)
```
#90adc4
```
#90adc4 rgb(144,173,196)
```
#89adcb
```
#89adcb rgb(137,173,203)
```
#83aed1
```
#83aed1 rgb(131,174,209)
```
#7cafd8
```
#7cafd8 rgb(124,175,216)
```
#76b0de
```
#76b0de rgb(118,176,222)
```
#6fb0e5
```
#6fb0e5 rgb(111,176,229)
```
#69b1eb
```
#69b1eb rgb(105,177,235)
```
#62b2f2
```
#62b2f2 rgb(98,178,242)
```
#5cb2f8
```
#5cb2f8 rgb(92,178,248)
```
#55b3ff
```
#55b3ff rgb(85,179,255)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#91a4b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96aef8 Protanopia 1% of men
#88b0ff Deuteranopia 1% of men
#33c0ce Tritanopia 0.001% of the population

Trichromacy

#7eaffa Protanomaly 1% of men, 0.01% of women
#75b1ff Deuteranomaly 6% of men, 0.4% of women
#3fbbe0 Tritanomaly 0.01% of the population

#55b3ff hex color

#55b3ff Color Information

#55b3ff Color Conversion

Color Schemes with #55b3ff

Alternatives to #55b3ff

#55b3ff Preview

Shades and Tints of #55b3ff

Tones of #55b3ff

Color Blindness Simulator