#badbdd Color Information
In a RGB color space, hex #badbdd is composed of 72.9% red, 85.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 0.9% magenta, 0% yellow and 13.3% black. It has a hue angle of 183.4 degrees, a saturation of 34% and a lightness of 79.8%. #badbdd color hex could be obtained by blending #ffffff with #75b7bb. Closest websafe color is: #cccccc.
-
- R 73
- G 86
- B 87
-
- C 16
- M 1
- Y 0
- K 13
● #badbdd color description : Light grayish cyan.
#badbdd Color Conversion
The hexadecimal color #badbdd has RGB values of R:186, G:219, B:221 and CMYK values of C:0.16, M:0.01, Y:0, K:0.13. Its decimal value is 12245981.
Hex triplet | badbdd | #badbdd |
---|---|---|
RGB Decimal | 186, 219, 221 | rgb(186,219,221) |
RGB Percent | 72.9, 85.9, 86.7 | rgb(72.9%,85.9%,86.7%) |
CMYK | 16, 1, 0, 13 | |
HSL | 183.4°, 34, 79.8 | hsl(183.4,34%,79.8%) |
HSV (or HSB) | 183.4°, 15.8, 86.7 | |
Web Safe | cccccc | #cccccc |
CIE-LAB | 85.16, -10.408, -4.628 |
---|---|
XYZ | 58.629, 66.321, 78.115 |
xyY | 0.289, 0.327, 66.321 |
CIE-LCH | 85.16, 11.39, 203.973 |
CIE-LUV | 85.16, -17.416, -5.355 |
Hunter-Lab | 81.438, -14.009, 0.136 |
Binary | 10111010, 11011011, 11011101 |
Color Schemes with #badbdd
Alternatives to #badbdd
Below, you can see some colors close to #badbdd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#badbdd Preview
This text has a font color of #badbdd.
<span style="color:#badbdd;">Text here</span>
This paragraph has a background color of #badbdd.
<p style="background-color:#badbdd;">Content here</p>
This element has a border color of #badbdd.
<div style="border:1px solid #badbdd;">Content here</div>
.text {color:#badbdd;}
.background {background-color:#badbdd;}
.border {border:1px solid #badbdd;}
Shades and Tints of #badbdd
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, #050a0a is the darkest color, while #fcfdfd is the lightest one.
-
#050a0a
#050a0a
rgb(5,10,10)
-
#0b1617
#0b1617
rgb(11,22,23)
-
#122324
#122324
rgb(18,35,36)
-
#183031
#183031
rgb(24,48,49)
-
#1f3d3e
#1f3d3e
rgb(31,61,62)
-
#25494c
#25494c
rgb(37,73,76)
-
#2c5659
#2c5659
rgb(44,86,89)
-
#326366
#326366
rgb(50,99,102)
-
#397073
#397073
rgb(57,112,115)
-
#3f7c80
#3f7c80
rgb(63,124,128)
-
#46898d
#46898d
rgb(70,137,141)
-
#4c969a
#4c969a
rgb(76,150,154)
-
#53a3a8
#53a3a8
rgb(83,163,168)
-
#5eabb0
#5eabb0
rgb(94,171,176)
-
#6bb2b6
#6bb2b6
rgb(107,178,182)
-
#78b9bd
#78b9bd
rgb(120,185,189)
-
#85c0c3
#85c0c3
rgb(133,192,195)
-
#93c6ca
#93c6ca
rgb(147,198,202)
-
#a0cdd0
#a0cdd0
rgb(160,205,208)
-
#add4d7
#add4d7
rgb(173,212,215)
-
#badbdd
#badbdd
rgb(186,219,221)
-
#c7e2e3
#c7e2e3
rgb(199,226,227)
-
#d4e9ea
#d4e9ea
rgb(212,233,234)
-
#e1f0f0
#e1f0f0
rgb(225,240,240)
-
#eff6f7
#eff6f7
rgb(239,246,247)
-
#fcfdfd
#fcfdfd
rgb(252,253,253)
Tones of #badbdd
A tone is produced by adding gray to any pure hue. In this case, #cacdcd is the less saturated color, while #9af7fd is the most saturated one.
-
#cacdcd
#cacdcd
rgb(202,205,205)
-
#c6d0d1
#c6d0d1
rgb(198,208,209)
-
#c2d4d5
#c2d4d5
rgb(194,212,213)
-
#bed7d9
#bed7d9
rgb(190,215,217)
-
#badbdd
#badbdd
rgb(186,219,221)
-
#b6dfe1
#b6dfe1
rgb(182,223,225)
-
#b2e2e5
#b2e2e5
rgb(178,226,229)
-
#aee6e9
#aee6e9
rgb(174,230,233)
-
#aae9ed
#aae9ed
rgb(170,233,237)
-
#a6edf1
#a6edf1
rgb(166,237,241)
-
#a2f0f5
#a2f0f5
rgb(162,240,245)
-
#9ef4f9
#9ef4f9
rgb(158,244,249)
-
#9af7fd
#9af7fd
rgb(154,247,253)
Color Blindness Simulator
Below, you can see how #badbdd 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.