#bdf9f3 hex color

In a RGB color space, hex #bdf9f3 is composed of 74.1% red, 97.6% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 24.1% cyan, 0% magenta, 2.4% yellow and 2.4% black. It has a hue angle of 174 degrees, a saturation of 83.3% and a lightness of 85.9%. #bdf9f3 color hex could be obtained by blending #ffffff with #7bf3e7. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 74
- G 98
- B 95
RGB color chart
- C 24
- M 0
- Y 2
- K 2
CMYK color chart

● #bdf9f3 color description : Very soft cyan.

The hexadecimal color #bdf9f3 has RGB values of R:189, G:249, B:243 and CMYK values of C:0.24, M:0, Y:0.02, K:0.02. Its decimal value is 12450291.

Hex triplet	bdf9f3	`#bdf9f3`
RGB Decimal	189, 249, 243	`rgb(189,249,243)`
RGB Percent	74.1, 97.6, 95.3	`rgb(74.1%,97.6%,95.3%)`
CMYK	24, 0, 2, 2
HSL	174°, 83.3, 85.9	`hsl(174,83.3%,85.9%)`
HSV (or HSB)	174°, 24.1, 97.6
Web Safe	ccffff	`#ccffff`

CIE-LAB	93.9, -19.957, -3.264
XYZ	71.036, 85.039, 97.46
xyY	0.28, 0.335, 85.039
CIE-LCH	93.9, 20.222, 189.288
CIE-LUV	93.9, -29.878, -1.678
Hunter-Lab	92.216, -23.878, 1.89
Binary	10111101, 11111001, 11110011

#bdf9f3
```
#bdf9f3 rgb(189,249,243)
```
#f9bdc3
```
#f9bdc3 rgb(249,189,195)
```

Complementary Color

#bdf9d5
```
#bdf9d5 rgb(189,249,213)
```
#bdf9f3
```
#bdf9f3 rgb(189,249,243)
```
#bde1f9
```
#bde1f9 rgb(189,225,249)
```

Analogous Color

#f9d5bd
```
#f9d5bd rgb(249,213,189)
```
#bdf9f3
```
#bdf9f3 rgb(189,249,243)
```
#f9bde1
```
#f9bde1 rgb(249,189,225)
```

Split Complementary Color

#f9f3bd
```
#f9f3bd rgb(249,243,189)
```
#bdf9f3
```
#bdf9f3 rgb(189,249,243)
```
#f3bdf9
```
#f3bdf9 rgb(243,189,249)
```

Triadic Color

#c3f9bd
```
#c3f9bd rgb(195,249,189)
```
#bdf9f3
```
#bdf9f3 rgb(189,249,243)
```
#f3bdf9
```
#f3bdf9 rgb(243,189,249)
```
#f9bdc3
```
#f9bdc3 rgb(249,189,195)
```

Tetradic Color

#77f3e6
```
#77f3e6 rgb(119,243,230)
```
#8ef5eb
```
#8ef5eb rgb(142,245,235)
```
#a6f7ef
```
#a6f7ef rgb(166,247,239)
```
#bdf9f3
```
#bdf9f3 rgb(189,249,243)
```
#d4fbf7
```
#d4fbf7 rgb(212,251,247)
```
#ecfdfc
```
#ecfdfc rgb(236,253,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdf9e4
```
#bdf9e4 rgb(189,249,228)
```
#bdf9e9
```
#bdf9e9 rgb(189,249,233)
```
#bdf9ee
```
#bdf9ee rgb(189,249,238)
```
#bdf9f3
```
#bdf9f3 rgb(189,249,243)
```
#bdf9f8
```
#bdf9f8 rgb(189,249,248)
```
#bdf5f9
```
#bdf5f9 rgb(189,245,249)
```
#bdf0f9
```
#bdf0f9 rgb(189,240,249)
```

Similar Colors

Text with hexadecimal color #bdf9f3

This text has a font color of #bdf9f3.

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

#bdf9f3 background color

This paragraph has a background color of #bdf9f3.

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

#bdf9f3 border color

This element has a border color of #bdf9f3.

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

CSS codes

.text {color:#bdf9f3;}

.background {background-color:#bdf9f3;}

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

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

#010605
```
#010605 rgb(1,6,5)
```
#021816
```
#021816 rgb(2,24,22)
```
#042a26
```
#042a26 rgb(4,42,38)
```
#053c36
```
#053c36 rgb(5,60,54)
```
#074e47
```
#074e47 rgb(7,78,71)
```
#096057
```
#096057 rgb(9,96,87)
```
#0a7267
```
#0a7267 rgb(10,114,103)
```
#0c8478
```
#0c8478 rgb(12,132,120)
```
#0e9688
```
#0e9688 rgb(14,150,136)
```
#0fa899
```
#0fa899 rgb(15,168,153)
```
#11baa9
```
#11baa9 rgb(17,186,169)
```
#13ccb9
```
#13ccb9 rgb(19,204,185)
```
#14deca
```
#14deca rgb(20,222,202)
```

Shade Color Variation

#1bead6
```
#1bead6 rgb(27,234,214)
```
#2decd9
```
#2decd9 rgb(45,236,217)
```
#3feedc
```
#3feedc rgb(63,238,220)
```
#51efdf
```
#51efdf rgb(81,239,223)
```
#63f1e3
```
#63f1e3 rgb(99,241,227)
```
#75f2e6
```
#75f2e6 rgb(117,242,230)
```
#87f4e9
```
#87f4e9 rgb(135,244,233)
```
#99f6ec
```
#99f6ec rgb(153,246,236)
```
#abf7f0
```
#abf7f0 rgb(171,247,240)
```
#bdf9f3
```
#bdf9f3 rgb(189,249,243)
```
#cffbf6
```
#cffbf6 rgb(207,251,246)
```
#e1fcfa
```
#e1fcfa rgb(225,252,250)
```
#f3fefd
```
#f3fefd rgb(243,254,253)
```

Tint Color Variation

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

#d9dddd
```
#d9dddd rgb(217,221,221)
```
#d6e0df
```
#d6e0df rgb(214,224,223)
```
#d3e3e1
```
#d3e3e1 rgb(211,227,225)
```
#d0e6e3
```
#d0e6e3 rgb(208,230,227)
```
#cee8e6
```
#cee8e6 rgb(206,232,230)
```
#cbebe8
```
#cbebe8 rgb(203,235,232)
```
#c8eeea
```
#c8eeea rgb(200,238,234)
```
#c5f1ec
```
#c5f1ec rgb(197,241,236)
```
#c3f3ef
```
#c3f3ef rgb(195,243,239)
```
#c0f6f1
```
#c0f6f1 rgb(192,246,241)
```
#bdf9f3
```
#bdf9f3 rgb(189,249,243)
```
#bafcf5
```
#bafcf5 rgb(186,252,245)
```
#b7fff7
```
#b7fff7 rgb(183,255,247)
```

Tone Color Variation

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

#e6e6e6 Achromatopsia 0.005% of the population
#deeae9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2eded Protanopia 1% of men
#ffe7f9 Deuteranopia 1% of men
#d5f3ff Tritanopia 0.001% of the population

Trichromacy

#dff1ef Protanomaly 1% of men, 0.01% of women
#e7eef7 Deuteranomaly 6% of men, 0.4% of women
#ccf5fa Tritanomaly 0.01% of the population

#bdf9f3 hex color

#bdf9f3 Color Information

#bdf9f3 Color Conversion

Color Schemes with #bdf9f3

Alternatives to #bdf9f3

#bdf9f3 Preview

Shades and Tints of #bdf9f3

Tones of #bdf9f3

Color Blindness Simulator