#87a2b2 Color Information
In a RGB color space, hex #87a2b2 is composed of 52.9% red, 63.5% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 24.2% cyan, 9% magenta, 0% yellow and 30.2% black. It has a hue angle of 202.3 degrees, a saturation of 21.8% and a lightness of 61.4%. #87a2b2 color hex could be obtained by blending #ffffff with #0f4565. Closest websafe color is: #999999.
-
- R 53
- G 64
- B 70
-
- C 24
- M 9
- Y 0
- K 30
● #87a2b2 color description : Dark grayish blue.
#87a2b2 Color Conversion
The hexadecimal color #87a2b2 has RGB values of R:135, G:162, B:178 and CMYK values of C:0.24, M:0.09, Y:0, K:0.3. Its decimal value is 8889010.
Hex triplet | 87a2b2 | #87a2b2 |
---|---|---|
RGB Decimal | 135, 162, 178 | rgb(135,162,178) |
RGB Percent | 52.9, 63.5, 69.8 | rgb(52.9%,63.5%,69.8%) |
CMYK | 24, 9, 0, 30 | |
HSL | 202.3°, 21.8, 61.4 | hsl(202.3,21.8%,61.4%) |
HSV (or HSB) | 202.3°, 24.2, 69.8 | |
Web Safe | 999999 | #999999 |
CIE-LAB | 65.125, -5.703, -11.375 |
---|---|
XYZ | 30.946, 34.205, 47.089 |
xyY | 0.276, 0.305, 34.205 |
CIE-LCH | 65.125, 12.724, 243.373 |
CIE-LUV | 65.125, -14.569, -16.184 |
Hunter-Lab | 58.485, -7.9, -6.797 |
Binary | 10000111, 10100010, 10110010 |
Color Schemes with #87a2b2
Alternatives to #87a2b2
Below, you can see some colors close to #87a2b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#87a2b2 Preview
This text has a font color of #87a2b2.
<span style="color:#87a2b2;">Text here</span>
This paragraph has a background color of #87a2b2.
<p style="background-color:#87a2b2;">Content here</p>
This element has a border color of #87a2b2.
<div style="border:1px solid #87a2b2;">Content here</div>
.text {color:#87a2b2;}
.background {background-color:#87a2b2;}
.border {border:1px solid #87a2b2;}
Shades and Tints of #87a2b2
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, #070a0b is the darkest color, while #feffff is the lightest one.
-
#070a0b
#070a0b
rgb(7,10,11)
-
#0f1417
#0f1417
rgb(15,20,23)
-
#171f23
#171f23
rgb(23,31,35)
-
#1e292f
#1e292f
rgb(30,41,47)
-
#26333b
#26333b
rgb(38,51,59)
-
#2e3e47
#2e3e47
rgb(46,62,71)
-
#354853
#354853
rgb(53,72,83)
-
#3d525f
#3d525f
rgb(61,82,95)
-
#455d6b
#455d6b
rgb(69,93,107)
-
#4c6777
#4c6777
rgb(76,103,119)
-
#547183
#547183
rgb(84,113,131)
-
#5c7c8f
#5c7c8f
rgb(92,124,143)
-
#63869b
#63869b
rgb(99,134,155)
-
#6f8fa3
#6f8fa3
rgb(111,143,163)
-
#7b99aa
#7b99aa
rgb(123,153,170)
-
#87a2b2
#87a2b2
rgb(135,162,178)
-
#93abba
#93abba
rgb(147,171,186)
-
#9fb5c1
#9fb5c1
rgb(159,181,193)
-
#abbec9
#abbec9
rgb(171,190,201)
-
#b7c7d1
#b7c7d1
rgb(183,199,209)
-
#c3d0d8
#c3d0d8
rgb(195,208,216)
-
#cfdae0
#cfdae0
rgb(207,218,224)
-
#dbe3e8
#dbe3e8
rgb(219,227,232)
-
#e7ecef
#e7ecef
rgb(231,236,239)
-
#f3f5f7
#f3f5f7
rgb(243,245,247)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #87a2b2
A tone is produced by adding gray to any pure hue. In this case, #969ea3 is the less saturated color, while #3bb5fe is the most saturated one.
-
#969ea3
#969ea3
rgb(150,158,163)
-
#8fa0aa
#8fa0aa
rgb(143,160,170)
-
#87a2b2
#87a2b2
rgb(135,162,178)
-
#7fa4ba
#7fa4ba
rgb(127,164,186)
-
#78a6c1
#78a6c1
rgb(120,166,193)
-
#70a8c9
#70a8c9
rgb(112,168,201)
-
#69aad0
#69aad0
rgb(105,170,208)
-
#61acd8
#61acd8
rgb(97,172,216)
-
#5aaedf
#5aaedf
rgb(90,174,223)
-
#52b0e7
#52b0e7
rgb(82,176,231)
-
#4ab2ef
#4ab2ef
rgb(74,178,239)
-
#43b3f6
#43b3f6
rgb(67,179,246)
-
#3bb5fe
#3bb5fe
rgb(59,181,254)
Color Blindness Simulator
Below, you can see how #87a2b2 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.