#bedef2 hex color

In a RGB color space, hex #bedef2 is composed of 74.5% red, 87.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 21.5% cyan, 8.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 203.1 degrees, a saturation of 66.7% and a lightness of 84.7%. #bedef2 color hex could be obtained by blending #ffffff with #7dbde5. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 75
- G 87
- B 95
RGB color chart
- C 21
- M 8
- Y 0
- K 5
CMYK color chart

● #bedef2 color description : Very soft blue.

The hexadecimal color #bedef2 has RGB values of R:190, G:222, B:242 and CMYK values of C:0.21, M:0.08, Y:0, K:0.05. Its decimal value is 12508914.

Hex triplet	bedef2	`#bedef2`
RGB Decimal	190, 222, 242	`rgb(190,222,242)`
RGB Percent	74.5, 87.1, 94.9	`rgb(74.5%,87.1%,94.9%)`
CMYK	21, 8, 0, 5
HSL	203.1°, 66.7, 84.7	`hsl(203.1,66.7%,84.7%)`
HSV (or HSB)	203.1°, 21.5, 94.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	86.8, -6.277, -13.26
XYZ	63.38, 69.599, 94.094
xyY	0.279, 0.307, 69.599
CIE-LCH	86.8, 14.671, 244.667
CIE-LUV	86.8, -17.383, -19.838
Hunter-Lab	83.426, -10.386, -8.473
Binary	10111110, 11011110, 11110010

#bedef2
```
#bedef2 rgb(190,222,242)
```
#f2d2be
```
#f2d2be rgb(242,210,190)
```

Complementary Color

#bef2ec
```
#bef2ec rgb(190,242,236)
```
#bedef2
```
#bedef2 rgb(190,222,242)
```
#bec4f2
```
#bec4f2 rgb(190,196,242)
```

Analogous Color

#f2ecbe
```
#f2ecbe rgb(242,236,190)
```
#bedef2
```
#bedef2 rgb(190,222,242)
```
#f2bec4
```
#f2bec4 rgb(242,190,196)
```

Split Complementary Color

#def2be
```
#def2be rgb(222,242,190)
```
#bedef2
```
#bedef2 rgb(190,222,242)
```
#f2bede
```
#f2bede rgb(242,190,222)
```

Triadic Color

#bef2d2
```
#bef2d2 rgb(190,242,210)
```
#bedef2
```
#bedef2 rgb(190,222,242)
```
#f2bede
```
#f2bede rgb(242,190,222)
```
#f2d2be
```
#f2d2be rgb(242,210,190)
```

Tetradic Color

#7ebee5
```
#7ebee5 rgb(126,190,229)
```
#94c8ea
```
#94c8ea rgb(148,200,234)
```
#a9d3ee
```
#a9d3ee rgb(169,211,238)
```
#bedef2
```
#bedef2 rgb(190,222,242)
```
#d3e9f6
```
#d3e9f6 rgb(211,233,246)
```
#e9f4fb
```
#e9f4fb rgb(233,244,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Monochromatic Color

Below, you can see some colors close to #bedef2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#beebf2
```
#beebf2 rgb(190,235,242)
```
#bee7f2
```
#bee7f2 rgb(190,231,242)
```
#bee2f2
```
#bee2f2 rgb(190,226,242)
```
#bedef2
```
#bedef2 rgb(190,222,242)
```
#bedaf2
```
#bedaf2 rgb(190,218,242)
```
#bed5f2
```
#bed5f2 rgb(190,213,242)
```
#bed1f2
```
#bed1f2 rgb(190,209,242)
```

Similar Colors

Text with hexadecimal color #bedef2

This text has a font color of #bedef2.

<span style="color:#bedef2;">Text here</span>

#bedef2 background color

This paragraph has a background color of #bedef2.

<p style="background-color:#bedef2;">Content here</p>

#bedef2 border color

This element has a border color of #bedef2.

<div style="border:1px solid #bedef2;">Content here</div>

CSS codes

.text {color:#bedef2;}

.background {background-color:#bedef2;}

.border {border:1px solid #bedef2;}

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, #000000 is the darkest color, while #eff7fc is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#030c11
```
#030c11 rgb(3,12,17)
```
#071721
```
#071721 rgb(7,23,33)
```
#0a2231
```
#0a2231 rgb(10,34,49)
```
#0d2e42
```
#0d2e42 rgb(13,46,66)
```
#103952
```
#103952 rgb(16,57,82)
```
#144462
```
#144462 rgb(20,68,98)
```
#174f73
```
#174f73 rgb(23,79,115)
```
#1a5b83
```
#1a5b83 rgb(26,91,131)
```
#1e6694
```
#1e6694 rgb(30,102,148)
```
#2171a4
```
#2171a4 rgb(33,113,164)
```
#247db4
```
#247db4 rgb(36,125,180)
```
#2788c5
```
#2788c5 rgb(39,136,197)
```

Shade Color Variation

#2b93d5
```
#2b93d5 rgb(43,147,213)
```
#3b9cd8
```
#3b9cd8 rgb(59,156,216)
```
#4ca4db
```
#4ca4db rgb(76,164,219)
```
#5cacde
```
#5cacde rgb(92,172,222)
```
#6cb5e2
```
#6cb5e2 rgb(108,181,226)
```
#7dbde5
```
#7dbde5 rgb(125,189,229)
```
#8dc5e8
```
#8dc5e8 rgb(141,197,232)
```
#9dcdeb
```
#9dcdeb rgb(157,205,235)
```
#aed6ef
```
#aed6ef rgb(174,214,239)
```
#bedef2
```
#bedef2 rgb(190,222,242)
```
#cee6f5
```
#cee6f5 rgb(206,230,245)
```
#dfeff9
```
#dfeff9 rgb(223,239,249)
```
#eff7fc
```
#eff7fc rgb(239,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #d6d8da is the less saturated color, while #b2e1fe is the most saturated one.

#d6d8da
```
#d6d8da rgb(214,216,218)
```
#d3d9dd
```
#d3d9dd rgb(211,217,221)
```
#d0dae0
```
#d0dae0 rgb(208,218,224)
```
#cddbe3
```
#cddbe3 rgb(205,219,227)
```
#cadbe6
```
#cadbe6 rgb(202,219,230)
```
#c7dce9
```
#c7dce9 rgb(199,220,233)
```
#c4ddec
```
#c4ddec rgb(196,221,236)
```
#c1ddef
```
#c1ddef rgb(193,221,239)
```
#bedef2
```
#bedef2 rgb(190,222,242)
```
#bbdff5
```
#bbdff5 rgb(187,223,245)
```
#b8dff8
```
#b8dff8 rgb(184,223,248)
```
#b5e0fb
```
#b5e0fb rgb(181,224,251)
```
#b2e1fe
```
#b2e1fe rgb(178,225,254)
```

Tone Color Variation

Below, you can see how #bedef2 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.

Monochromacy

#d7d7d7 Achromatopsia 0.005% of the population
#d2d8dc Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8d9ef Protanopia 1% of men
#e2d6f5 Deuteranopia 1% of men
#c0e0f0 Tritanopia 0.001% of the population

Trichromacy

#cfdbf0 Protanomaly 1% of men, 0.01% of women
#d5d8f4 Deuteranomaly 6% of men, 0.4% of women
#bfdff0 Tritanomaly 0.01% of the population

#bedef2 hex color

#bedef2 Color Information

#bedef2 Color Conversion

Color Schemes with #bedef2

Alternatives to #bedef2

#bedef2 Preview

Shades and Tints of #bedef2

Tones of #bedef2

Color Blindness Simulator