#b2dcdd Color Information
In a RGB color space, hex #b2dcdd is composed of 69.8% red, 86.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 19.5% cyan, 0.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 181.4 degrees, a saturation of 38.7% and a lightness of 78.2%. #b2dcdd color hex could be obtained by blending #ffffff with #65b9bb. Closest websafe color is: #99cccc.
-
- R 70
- G 86
- B 87
-
- C 19
- M 0
- Y 0
- K 13
● #b2dcdd color description : Light grayish cyan.
#b2dcdd Color Conversion
The hexadecimal color #b2dcdd has RGB values of R:178, G:220, B:221 and CMYK values of C:0.19, M:0, Y:0, K:0.13. Its decimal value is 11721949.
Hex triplet | b2dcdd | #b2dcdd |
---|---|---|
RGB Decimal | 178, 220, 221 | rgb(178,220,221) |
RGB Percent | 69.8, 86.3, 86.7 | rgb(69.8%,86.3%,86.7%) |
CMYK | 19, 0, 0, 13 | |
HSL | 181.4°, 38.7, 78.2 | hsl(181.4,38.7%,78.2%) |
HSV (or HSB) | 181.4°, 19.5, 86.7 | |
Web Safe | 99cccc | #99cccc |
CIE-LAB | 84.93, -13.394, -5.023 |
---|---|
XYZ | 57.001, 65.87, 78.114 |
xyY | 0.284, 0.328, 65.87 |
CIE-LCH | 84.93, 14.305, 200.558 |
CIE-LUV | 84.93, -21.669, -5.484 |
Hunter-Lab | 81.161, -16.665, -0.252 |
Binary | 10110010, 11011100, 11011101 |
Color Schemes with #b2dcdd
Alternatives to #b2dcdd
Below, you can see some colors close to #b2dcdd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b2dcdd Preview
This text has a font color of #b2dcdd.
<span style="color:#b2dcdd;">Text here</span>
This paragraph has a background color of #b2dcdd.
<p style="background-color:#b2dcdd;">Content here</p>
This element has a border color of #b2dcdd.
<div style="border:1px solid #b2dcdd;">Content here</div>
.text {color:#b2dcdd;}
.background {background-color:#b2dcdd;}
.border {border:1px solid #b2dcdd;}
Shades and Tints of #b2dcdd
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, #020505 is the darkest color, while #f6fbfb is the lightest one.
-
#020505
#020505
rgb(2,5,5)
-
#081212
#081212
rgb(8,18,18)
-
#0e1f20
#0e1f20
rgb(14,31,32)
-
#142d2d
#142d2d
rgb(20,45,45)
-
#1a3a3b
#1a3a3b
rgb(26,58,59)
-
#204849
#204849
rgb(32,72,73)
-
#265556
#265556
rgb(38,85,86)
-
#2c6364
#2c6364
rgb(44,99,100)
-
#327071
#327071
rgb(50,112,113)
-
#387d7f
#387d7f
rgb(56,125,127)
-
#3e8b8d
#3e8b8d
rgb(62,139,141)
-
#44989a
#44989a
rgb(68,152,154)
-
#4aa6a8
#4aa6a8
rgb(74,166,168)
-
#53b1b3
#53b1b3
rgb(83,177,179)
-
#60b7b9
#60b7b9
rgb(96,183,185)
-
#6ebdbf
#6ebdbf
rgb(110,189,191)
-
#7cc3c5
#7cc3c5
rgb(124,195,197)
-
#89c9cb
#89c9cb
rgb(137,201,203)
-
#97d0d1
#97d0d1
rgb(151,208,209)
-
#a4d6d7
#a4d6d7
rgb(164,214,215)
-
#b2dcdd
#b2dcdd
rgb(178,220,221)
-
#c0e2e3
#c0e2e3
rgb(192,226,227)
-
#cde8e9
#cde8e9
rgb(205,232,233)
-
#dbefef
#dbefef
rgb(219,239,239)
-
#e8f5f5
#e8f5f5
rgb(232,245,245)
-
#f6fbfb
#f6fbfb
rgb(246,251,251)
Tones of #b2dcdd
A tone is produced by adding gray to any pure hue. In this case, #c7c8c8 is the less saturated color, while #94f8fb is the most saturated one.
-
#c7c8c8
#c7c8c8
rgb(199,200,200)
-
#c3cccc
#c3cccc
rgb(195,204,204)
-
#bfd0d0
#bfd0d0
rgb(191,208,208)
-
#bbd4d4
#bbd4d4
rgb(187,212,212)
-
#b6d8d9
#b6d8d9
rgb(182,216,217)
-
#b2dcdd
#b2dcdd
rgb(178,220,221)
-
#aee0e1
#aee0e1
rgb(174,224,225)
-
#a9e4e6
#a9e4e6
rgb(169,228,230)
-
#a5e8ea
#a5e8ea
rgb(165,232,234)
-
#a1ecee
#a1ecee
rgb(161,236,238)
-
#9df0f2
#9df0f2
rgb(157,240,242)
-
#98f4f7
#98f4f7
rgb(152,244,247)
-
#94f8fb
#94f8fb
rgb(148,248,251)
Color Blindness Simulator
Below, you can see how #b2dcdd 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.