#bde5f3 hex color

In a RGB color space, hex #bde5f3 is composed of 74.1% red, 89.8% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 5.8% magenta, 0% yellow and 4.7% black. It has a hue angle of 195.6 degrees, a saturation of 69.2% and a lightness of 84.7%. #bde5f3 color hex could be obtained by blending #ffffff with #7bcbe7. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 74
- G 90
- B 95
RGB color chart
- C 22
- M 6
- Y 0
- K 5
CMYK color chart

● #bde5f3 color description : Very soft blue.

The hexadecimal color #bde5f3 has RGB values of R:189, G:229, B:243 and CMYK values of C:0.22, M:0.06, Y:0, K:0.05. Its decimal value is 12445171.

Hex triplet	bde5f3	`#bde5f3`
RGB Decimal	189, 229, 243	`rgb(189,229,243)`
RGB Percent	74.1, 89.8, 95.3	`rgb(74.1%,89.8%,95.3%)`
CMYK	22, 6, 0, 5
HSL	195.6°, 69.2, 84.7	`hsl(195.6,69.2%,84.7%)`
HSV (or HSB)	195.6°, 22.2, 95.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	88.603, -9.955, -11.1
XYZ	65.18, 73.327, 95.508
xyY	0.279, 0.313, 73.327
CIE-LCH	88.603, 14.91, 228.113
CIE-LUV	88.603, -21.002, -15.79
Hunter-Lab	85.631, -13.986, -6.187
Binary	10111101, 11100101, 11110011

#bde5f3
```
#bde5f3 rgb(189,229,243)
```
#f3cbbd
```
#f3cbbd rgb(243,203,189)
```

Complementary Color

#bdf3e6
```
#bdf3e6 rgb(189,243,230)
```
#bde5f3
```
#bde5f3 rgb(189,229,243)
```
#bdcaf3
```
#bdcaf3 rgb(189,202,243)
```

Analogous Color

#f3e6bd
```
#f3e6bd rgb(243,230,189)
```
#bde5f3
```
#bde5f3 rgb(189,229,243)
```
#f3bdca
```
#f3bdca rgb(243,189,202)
```

Split Complementary Color

#e5f3bd
```
#e5f3bd rgb(229,243,189)
```
#bde5f3
```
#bde5f3 rgb(189,229,243)
```
#f3bde5
```
#f3bde5 rgb(243,189,229)
```

Triadic Color

#bdf3cb
```
#bdf3cb rgb(189,243,203)
```
#bde5f3
```
#bde5f3 rgb(189,229,243)
```
#f3bde5
```
#f3bde5 rgb(243,189,229)
```
#f3cbbd
```
#f3cbbd rgb(243,203,189)
```

Tetradic Color

#7ccce7
```
#7ccce7 rgb(124,204,231)
```
#92d4eb
```
#92d4eb rgb(146,212,235)
```
#a7ddef
```
#a7ddef rgb(167,221,239)
```
#bde5f3
```
#bde5f3 rgb(189,229,243)
```
#d3eef7
```
#d3eef7 rgb(211,238,247)
```
#e8f6fb
```
#e8f6fb rgb(232,246,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Monochromatic Color

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

#bdf3f3
```
#bdf3f3 rgb(189,243,243)
```
#bdeef3
```
#bdeef3 rgb(189,238,243)
```
#bdeaf3
```
#bdeaf3 rgb(189,234,243)
```
#bde5f3
```
#bde5f3 rgb(189,229,243)
```
#bde1f3
```
#bde1f3 rgb(189,225,243)
```
#bddcf3
```
#bddcf3 rgb(189,220,243)
```
#bdd8f3
```
#bdd8f3 rgb(189,216,243)
```

Similar Colors

Text with hexadecimal color #bde5f3

This text has a font color of #bde5f3.

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

#bde5f3 background color

This paragraph has a background color of #bde5f3.

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

#bde5f3 border color

This element has a border color of #bde5f3.

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

CSS codes

.text {color:#bde5f3;}

.background {background-color:#bde5f3;}

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

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 #eff9fc is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#030d11
```
#030d11 rgb(3,13,17)
```
#061a22
```
#061a22 rgb(6,26,34)
```
#092832
```
#092832 rgb(9,40,50)
```
#0c3543
```
#0c3543 rgb(12,53,67)
```
#0f4253
```
#0f4253 rgb(15,66,83)
```
#124f64
```
#124f64 rgb(18,79,100)
```
#155c75
```
#155c75 rgb(21,92,117)
```
#186985
```
#186985 rgb(24,105,133)
```
#1b7696
```
#1b7696 rgb(27,118,150)
```
#1e83a6
```
#1e83a6 rgb(30,131,166)
```
#2190b7
```
#2190b7 rgb(33,144,183)
```
#249dc8
```
#249dc8 rgb(36,157,200)
```

Shade Color Variation

#28aad8
```
#28aad8 rgb(40,170,216)
```
#38b1db
```
#38b1db rgb(56,177,219)
```
#49b7de
```
#49b7de rgb(73,183,222)
```
#59bee1
```
#59bee1 rgb(89,190,225)
```
#6ac4e4
```
#6ac4e4 rgb(106,196,228)
```
#7bcbe7
```
#7bcbe7 rgb(123,203,231)
```
#8bd1ea
```
#8bd1ea rgb(139,209,234)
```
#9cd8ed
```
#9cd8ed rgb(156,216,237)
```
#acdef0
```
#acdef0 rgb(172,222,240)
```
#bde5f3
```
#bde5f3 rgb(189,229,243)
```
#ceecf6
```
#ceecf6 rgb(206,236,246)
```
#def2f9
```
#def2f9 rgb(222,242,249)
```
#eff9fc
```
#eff9fc rgb(239,249,252)
```

Tint Color Variation

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

#d5d9db
```
#d5d9db rgb(213,217,219)
```
#d2dbde
```
#d2dbde rgb(210,219,222)
```
#cfdce1
```
#cfdce1 rgb(207,220,225)
```
#ccdee4
```
#ccdee4 rgb(204,222,228)
```
#c9dfe7
```
#c9dfe7 rgb(201,223,231)
```
#c6e1ea
```
#c6e1ea rgb(198,225,234)
```
#c3e2ed
```
#c3e2ed rgb(195,226,237)
```
#c0e4f0
```
#c0e4f0 rgb(192,228,240)
```
#bde5f3
```
#bde5f3 rgb(189,229,243)
```
#bae6f6
```
#bae6f6 rgb(186,230,246)
```
#b7e8f9
```
#b7e8f9 rgb(183,232,249)
```
#b4e9fc
```
#b4e9fc rgb(180,233,252)
```
#b1ebff
```
#b1ebff rgb(177,235,255)
```

Tone Color Variation

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

#dbdbdb Achromatopsia 0.005% of the population
#d5dde0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfdeef Protanopia 1% of men
#e9daf7 Deuteranopia 1% of men
#c1e5f6 Tritanopia 0.001% of the population

Trichromacy

#d2e1f0 Protanomaly 1% of men, 0.01% of women
#d9def5 Deuteranomaly 6% of men, 0.4% of women
#bfe5f5 Tritanomaly 0.01% of the population

#bde5f3 hex color

#bde5f3 Color Information

#bde5f3 Color Conversion

Color Schemes with #bde5f3

Alternatives to #bde5f3

#bde5f3 Preview

Shades and Tints of #bde5f3

Tones of #bde5f3

Color Blindness Simulator