#55b3f1 Color Information
In a RGB color space, hex #55b3f1 is composed of 33.3% red, 70.2% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 25.7% magenta, 0% yellow and 5.5% black. It has a hue angle of 203.8 degrees, a saturation of 84.8% and a lightness of 63.9%. #55b3f1 color hex could be obtained by blending #aaffff with #0067e3. Closest websafe color is: #66ccff.
-
- R 33
- G 70
- B 95
-
- C 65
- M 26
- Y 0
- K 5
● #55b3f1 color description : Soft blue.
#55b3f1 Color Conversion
The hexadecimal color #55b3f1 has RGB values of R:85, G:179, B:241 and CMYK values of C:0.65, M:0.26, Y:0, K:0.05. Its decimal value is 5616625.
Hex triplet | 55b3f1 | #55b3f1 |
---|---|---|
RGB Decimal | 85, 179, 241 | rgb(85,179,241) |
RGB Percent | 33.3, 70.2, 94.5 | rgb(33.3%,70.2%,94.5%) |
CMYK | 65, 26, 0, 5 | |
HSL | 203.8°, 84.8, 63.9 | hsl(203.8,84.8%,63.9%) |
HSV (or HSB) | 203.8°, 64.7, 94.5 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 69.838, -9.102, -39.109 |
---|---|
XYZ | 35.74, 40.52, 89.152 |
xyY | 0.216, 0.245, 40.52 |
CIE-LCH | 69.838, 40.154, 256.898 |
CIE-LUV | 69.838, -37.145, -61.762 |
Hunter-Lab | 63.655, -11.176, -38.48 |
Binary | 01010101, 10110011, 11110001 |
Color Schemes with #55b3f1
Alternatives to #55b3f1
Below, you can see some colors close to #55b3f1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#55b3f1 Preview
This text has a font color of #55b3f1.
<span style="color:#55b3f1;">Text here</span>
This paragraph has a background color of #55b3f1.
<p style="background-color:#55b3f1;">Content here</p>
This element has a border color of #55b3f1.
<div style="border:1px solid #55b3f1;">Content here</div>
.text {color:#55b3f1;}
.background {background-color:#55b3f1;}
.border {border:1px solid #55b3f1;}
Shades and Tints of #55b3f1
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, #01070b is the darkest color, while #f8fcfe is the lightest one.
-
#01070b
#01070b
rgb(1,7,11)
-
#02131d
#02131d
rgb(2,19,29)
-
#041e2f
#041e2f
rgb(4,30,47)
-
#052a42
#052a42
rgb(5,42,66)
-
#073554
#073554
rgb(7,53,84)
-
#084166
#084166
rgb(8,65,102)
-
#0a4c78
#0a4c78
rgb(10,76,120)
-
#0b588a
#0b588a
rgb(11,88,138)
-
#0d639c
#0d639c
rgb(13,99,156)
-
#0e6fae
#0e6fae
rgb(14,111,174)
-
#107ac0
#107ac0
rgb(16,122,192)
-
#1186d3
#1186d3
rgb(17,134,211)
-
#1391e5
#1391e5
rgb(19,145,229)
-
#1f9bed
#1f9bed
rgb(31,155,237)
-
#31a3ee
#31a3ee
rgb(49,163,238)
-
#43abf0
#43abf0
rgb(67,171,240)
-
#55b3f1
#55b3f1
rgb(85,179,241)
-
#67bbf2
#67bbf2
rgb(103,187,242)
-
#79c3f4
#79c3f4
rgb(121,195,244)
-
#8bcbf5
#8bcbf5
rgb(139,203,245)
-
#9dd3f7
#9dd3f7
rgb(157,211,247)
-
#b0dcf8
#b0dcf8
rgb(176,220,248)
-
#c2e4fa
#c2e4fa
rgb(194,228,250)
-
#d4ecfb
#d4ecfb
rgb(212,236,251)
-
#e6f4fd
#e6f4fd
rgb(230,244,253)
-
#f8fcfe
#f8fcfe
rgb(248,252,254)
Tones of #55b3f1
A tone is produced by adding gray to any pure hue. In this case, #a3a3a3 is the less saturated color, while #4eb4f8 is the most saturated one.
-
#a3a3a3
#a3a3a3
rgb(163,163,163)
-
#9ca4aa
#9ca4aa
rgb(156,164,170)
-
#95a6b1
#95a6b1
rgb(149,166,177)
-
#8ea7b8
#8ea7b8
rgb(142,167,184)
-
#87a9bf
#87a9bf
rgb(135,169,191)
-
#7faac7
#7faac7
rgb(127,170,199)
-
#78acce
#78acce
rgb(120,172,206)
-
#71add5
#71add5
rgb(113,173,213)
-
#6aafdc
#6aafdc
rgb(106,175,220)
-
#63b0e3
#63b0e3
rgb(99,176,227)
-
#5cb2ea
#5cb2ea
rgb(92,178,234)
-
#55b3f1
#55b3f1
rgb(85,179,241)
-
#4eb4f8
#4eb4f8
rgb(78,180,248)
Color Blindness Simulator
Below, you can see how #55b3f1 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.