#bddcdd Color Information
In a RGB color space, hex #bddcdd is composed of 74.1% red, 86.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 14.5% cyan, 0.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 181.9 degrees, a saturation of 32% and a lightness of 80.4%. #bddcdd color hex could be obtained by blending #ffffff with #7bb9bb. Closest websafe color is: #cccccc.
-
- R 74
- G 86
- B 87
-
- C 14
- M 0
- Y 0
- K 13
● #bddcdd color description : Light grayish cyan.
#bddcdd Color Conversion
The hexadecimal color #bddcdd has RGB values of R:189, G:220, B:221 and CMYK values of C:0.14, M:0, Y:0, K:0.13. Its decimal value is 12442845.
Hex triplet | bddcdd | #bddcdd |
---|---|---|
RGB Decimal | 189, 220, 221 | rgb(189,220,221) |
RGB Percent | 74.1, 86.3, 86.7 | rgb(74.1%,86.3%,86.7%) |
CMYK | 14, 0, 0, 13 | |
HSL | 181.9°, 32, 80.4 | hsl(181.9,32%,80.4%) |
HSV (or HSB) | 181.9°, 14.5, 86.7 | |
Web Safe | cccccc | #cccccc |
CIE-LAB | 85.617, -9.976, -3.933 |
---|---|
XYZ | 59.628, 67.224, 78.237 |
xyY | 0.291, 0.328, 67.224 |
CIE-LCH | 85.617, 10.723, 201.516 |
CIE-LUV | 85.617, -16.418, -4.344 |
Hunter-Lab | 81.991, -13.669, 0.818 |
Binary | 10111101, 11011100, 11011101 |
Color Schemes with #bddcdd
Alternatives to #bddcdd
Below, you can see some colors close to #bddcdd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bddcdd Preview
This text has a font color of #bddcdd.
<span style="color:#bddcdd;">Text here</span>
This paragraph has a background color of #bddcdd.
<p style="background-color:#bddcdd;">Content here</p>
This element has a border color of #bddcdd.
<div style="border:1px solid #bddcdd;">Content here</div>
.text {color:#bddcdd;}
.background {background-color:#bddcdd;}
.border {border:1px solid #bddcdd;}
Shades and Tints of #bddcdd
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, #060c0c is the darkest color, while #fefefe is the lightest one.
-
#060c0c
#060c0c
rgb(6,12,12)
-
#0d1819
#0d1819
rgb(13,24,25)
-
#132526
#132526
rgb(19,37,38)
-
#1a3233
#1a3233
rgb(26,50,51)
-
#213f3f
#213f3f
rgb(33,63,63)
-
#274b4c
#274b4c
rgb(39,75,76)
-
#2e5859
#2e5859
rgb(46,88,89)
-
#356566
#356566
rgb(53,101,102)
-
#3b7273
#3b7273
rgb(59,114,115)
-
#427e80
#427e80
rgb(66,126,128)
-
#498b8d
#498b8d
rgb(73,139,141)
-
#4f989a
#4f989a
rgb(79,152,154)
-
#56a5a7
#56a5a7
rgb(86,165,167)
-
#62acae
#62acae
rgb(98,172,174)
-
#6fb3b5
#6fb3b5
rgb(111,179,181)
-
#7cbabc
#7cbabc
rgb(124,186,188)
-
#89c1c2
#89c1c2
rgb(137,193,194)
-
#96c7c9
#96c7c9
rgb(150,199,201)
-
#a3ced0
#a3ced0
rgb(163,206,208)
-
#b0d5d6
#b0d5d6
rgb(176,213,214)
-
#bddcdd
#bddcdd
rgb(189,220,221)
-
#cae3e4
#cae3e4
rgb(202,227,228)
-
#d7eaea
#d7eaea
rgb(215,234,234)
-
#e4f1f1
#e4f1f1
rgb(228,241,241)
-
#f1f7f8
#f1f7f8
rgb(241,247,248)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #bddcdd
A tone is produced by adding gray to any pure hue. In this case, #cccece is the less saturated color, while #9ef9fc is the most saturated one.
-
#cccece
#cccece
rgb(204,206,206)
-
#c9d1d1
#c9d1d1
rgb(201,209,209)
-
#c5d5d5
#c5d5d5
rgb(197,213,213)
-
#c1d8d9
#c1d8d9
rgb(193,216,217)
-
#bddcdd
#bddcdd
rgb(189,220,221)
-
#b9e0e1
#b9e0e1
rgb(185,224,225)
-
#b5e3e5
#b5e3e5
rgb(181,227,229)
-
#b1e7e9
#b1e7e9
rgb(177,231,233)
-
#aeeaec
#aeeaec
rgb(174,234,236)
-
#aaeef0
#aaeef0
rgb(170,238,240)
-
#a6f2f4
#a6f2f4
rgb(166,242,244)
-
#a2f5f8
#a2f5f8
rgb(162,245,248)
-
#9ef9fc
#9ef9fc
rgb(158,249,252)
Color Blindness Simulator
Below, you can see how #bddcdd 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.