#51a2ff Color Information
In a RGB color space, hex #51a2ff is composed of 31.8% red, 63.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 68.2% cyan, 36.5% magenta, 0% yellow and 0% black. It has a hue angle of 212.1 degrees, a saturation of 100% and a lightness of 65.9%. #51a2ff color hex could be obtained by blending #a2ffff with #0045ff. Closest websafe color is: #6699ff.
-
- R 32
- G 64
- B 100
-
- C 68
- M 36
- Y 0
- K 0
● #51a2ff color description : Light blue.
#51a2ff Color Conversion
The hexadecimal color #51a2ff has RGB values of R:81, G:162, B:255 and CMYK values of C:0.68, M:0.36, Y:0, K:0. Its decimal value is 5350143.
Hex triplet | 51a2ff | #51a2ff |
---|---|---|
RGB Decimal | 81, 162, 255 | rgb(81,162,255) |
RGB Percent | 31.8, 63.5, 100 | rgb(31.8%,63.5%,100%) |
CMYK | 68, 36, 0, 0 | |
HSL | 212.1°, 100, 65.9 | hsl(212.1,100%,65.9%) |
HSV (or HSB) | 212.1°, 68.2, 100 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 65.599, 4.465, -53.401 |
---|---|
XYZ | 34.36, 34.807, 99.51 |
xyY | 0.204, 0.206, 34.807 |
CIE-LCH | 65.599, 53.587, 274.78 |
CIE-LUV | 65.599, -31.633, -86.935 |
Hunter-Lab | 58.998, 0.71, -58.704 |
Binary | 01010001, 10100010, 11111111 |
Color Schemes with #51a2ff
Alternatives to #51a2ff
Below, you can see some colors close to #51a2ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#51a2ff Preview
This text has a font color of #51a2ff.
<span style="color:#51a2ff;">Text here</span>
This paragraph has a background color of #51a2ff.
<p style="background-color:#51a2ff;">Content here</p>
This element has a border color of #51a2ff.
<div style="border:1px solid #51a2ff;">Content here</div>
.text {color:#51a2ff;}
.background {background-color:#51a2ff;}
.border {border:1px solid #51a2ff;}
Shades and Tints of #51a2ff
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, #000103 is the darkest color, while #eef6ff is the lightest one.
-
#000103
#000103
rgb(0,1,3)
-
#000a16
#000a16
rgb(0,10,22)
-
#00132a
#00132a
rgb(0,19,42)
-
#001d3d
#001d3d
rgb(0,29,61)
-
#002651
#002651
rgb(0,38,81)
-
#002f65
#002f65
rgb(0,47,101)
-
#003878
#003878
rgb(0,56,120)
-
#00418c
#00418c
rgb(0,65,140)
-
#004a9f
#004a9f
rgb(0,74,159)
-
#0053b3
#0053b3
rgb(0,83,179)
-
#005cc7
#005cc7
rgb(0,92,199)
-
#0066da
#0066da
rgb(0,102,218)
-
#006fee
#006fee
rgb(0,111,238)
-
#0378ff
#0378ff
rgb(3,120,255)
-
#1683ff
#1683ff
rgb(22,131,255)
-
#2a8dff
#2a8dff
rgb(42,141,255)
-
#3d98ff
#3d98ff
rgb(61,152,255)
-
#51a2ff
#51a2ff
rgb(81,162,255)
-
#65acff
#65acff
rgb(101,172,255)
-
#78b7ff
#78b7ff
rgb(120,183,255)
-
#8cc1ff
#8cc1ff
rgb(140,193,255)
-
#9fccff
#9fccff
rgb(159,204,255)
-
#b3d6ff
#b3d6ff
rgb(179,214,255)
-
#c7e1ff
#c7e1ff
rgb(199,225,255)
-
#daebff
#daebff
rgb(218,235,255)
-
#eef6ff
#eef6ff
rgb(238,246,255)
Tones of #51a2ff
A tone is produced by adding gray to any pure hue. In this case, #a1a8af is the less saturated color, while #51a2ff is the most saturated one.
-
#a1a8af
#a1a8af
rgb(161,168,175)
-
#9ba7b5
#9ba7b5
rgb(155,167,181)
-
#94a7bc
#94a7bc
rgb(148,167,188)
-
#8da6c3
#8da6c3
rgb(141,166,195)
-
#87a6c9
#87a6c9
rgb(135,166,201)
-
#80a5d0
#80a5d0
rgb(128,165,208)
-
#79a5d7
#79a5d7
rgb(121,165,215)
-
#72a4de
#72a4de
rgb(114,164,222)
-
#6ca4e4
#6ca4e4
rgb(108,164,228)
-
#65a3eb
#65a3eb
rgb(101,163,235)
-
#5ea3f2
#5ea3f2
rgb(94,163,242)
-
#58a2f8
#58a2f8
rgb(88,162,248)
-
#51a2ff
#51a2ff
rgb(81,162,255)
Color Blindness Simulator
Below, you can see how #51a2ff 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.