#51a5f5 Color Information
In a RGB color space, hex #51a5f5 is composed of 31.8% red, 64.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 66.9% cyan, 32.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 209.3 degrees, a saturation of 89.1% and a lightness of 63.9%. #51a5f5 color hex could be obtained by blending #a2ffff with #004beb. Closest websafe color is: #6699ff.
-
- R 32
- G 65
- B 96
-
- C 67
- M 33
- Y 0
- K 4
● #51a5f5 color description : Soft blue.
#51a5f5 Color Conversion
The hexadecimal color #51a5f5 has RGB values of R:81, G:165, B:245 and CMYK values of C:0.67, M:0.33, Y:0, K:0.04. Its decimal value is 5350901.
Hex triplet | 51a5f5 | #51a5f5 |
---|---|---|
RGB Decimal | 81, 165, 245 | rgb(81,165,245) |
RGB Percent | 31.8, 64.7, 96.1 | rgb(31.8%,64.7%,96.1%) |
CMYK | 67, 33, 0, 4 | |
HSL | 209.3°, 89.1, 63.9 | hsl(209.3,89.1%,63.9%) |
HSV (or HSB) | 209.3°, 66.9, 96.1 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 65.943, -0.626, -47.405 |
---|---|
XYZ | 33.326, 35.25, 91.429 |
xyY | 0.208, 0.22, 35.25 |
CIE-LCH | 65.943, 47.409, 269.244 |
CIE-LUV | 65.943, -32.964, -76.309 |
Hunter-Lab | 59.371, -3.706, -49.743 |
Binary | 01010001, 10100101, 11110101 |
Color Schemes with #51a5f5
Alternatives to #51a5f5
Below, you can see some colors close to #51a5f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#51a5f5 Preview
This text has a font color of #51a5f5.
<span style="color:#51a5f5;">Text here</span>
This paragraph has a background color of #51a5f5.
<p style="background-color:#51a5f5;">Content here</p>
This element has a border color of #51a5f5.
<div style="border:1px solid #51a5f5;">Content here</div>
.text {color:#51a5f5;}
.background {background-color:#51a5f5;}
.border {border:1px solid #51a5f5;}
Shades and Tints of #51a5f5
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, #01060b is the darkest color, while #f8fbff is the lightest one.
-
#01060b
#01060b
rgb(1,6,11)
-
#02101e
#02101e
rgb(2,16,30)
-
#031a31
#031a31
rgb(3,26,49)
-
#042443
#042443
rgb(4,36,67)
-
#052e56
#052e56
rgb(5,46,86)
-
#063868
#063868
rgb(6,56,104)
-
#07427b
#07427b
rgb(7,66,123)
-
#084c8d
#084c8d
rgb(8,76,141)
-
#0956a0
#0956a0
rgb(9,86,160)
-
#0a60b2
#0a60b2
rgb(10,96,178)
-
#0b6ac5
#0b6ac5
rgb(11,106,197)
-
#0c74d8
#0c74d8
rgb(12,116,216)
-
#0d7eea
#0d7eea
rgb(13,126,234)
-
#1988f2
#1988f2
rgb(25,136,242)
-
#2c92f3
#2c92f3
rgb(44,146,243)
-
#3e9bf4
#3e9bf4
rgb(62,155,244)
-
#51a5f5
#51a5f5
rgb(81,165,245)
-
#64aff6
#64aff6
rgb(100,175,246)
-
#76b8f7
#76b8f7
rgb(118,184,247)
-
#89c2f8
#89c2f8
rgb(137,194,248)
-
#9bcbf9
#9bcbf9
rgb(155,203,249)
-
#aed5fa
#aed5fa
rgb(174,213,250)
-
#c0dffb
#c0dffb
rgb(192,223,251)
-
#d3e8fc
#d3e8fc
rgb(211,232,252)
-
#e5f2fe
#e5f2fe
rgb(229,242,254)
-
#f8fbff
#f8fbff
rgb(248,251,255)
Tones of #51a5f5
A tone is produced by adding gray to any pure hue. In this case, #9fa3a7 is the less saturated color, while #4aa5fc is the most saturated one.
-
#9fa3a7
#9fa3a7
rgb(159,163,167)
-
#98a3ae
#98a3ae
rgb(152,163,174)
-
#91a3b5
#91a3b5
rgb(145,163,181)
-
#8aa4bc
#8aa4bc
rgb(138,164,188)
-
#83a4c3
#83a4c3
rgb(131,164,195)
-
#7ba4cb
#7ba4cb
rgb(123,164,203)
-
#74a4d2
#74a4d2
rgb(116,164,210)
-
#6da4d9
#6da4d9
rgb(109,164,217)
-
#66a4e0
#66a4e0
rgb(102,164,224)
-
#5fa5e7
#5fa5e7
rgb(95,165,231)
-
#58a5ee
#58a5ee
rgb(88,165,238)
-
#51a5f5
#51a5f5
rgb(81,165,245)
-
#4aa5fc
#4aa5fc
rgb(74,165,252)
Color Blindness Simulator
Below, you can see how #51a5f5 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.