#baf7b4 hex color

In a RGB color space, hex #baf7b4 is composed of 72.9% red, 96.9% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 24.7% cyan, 0% magenta, 27.1% yellow and 3.1% black. It has a hue angle of 114.6 degrees, a saturation of 80.7% and a lightness of 83.7%. #baf7b4 color hex could be obtained by blending #ffffff with #75ef69. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 73
- G 97
- B 71
RGB color chart
- C 25
- M 0
- Y 27
- K 3
CMYK color chart

● #baf7b4 color description : Very soft lime green.

The hexadecimal color #baf7b4 has RGB values of R:186, G:247, B:180 and CMYK values of C:0.25, M:0, Y:0.27, K:0.03. Its decimal value is 12253108.

Hex triplet	baf7b4	`#baf7b4`
RGB Decimal	186, 247, 180	`rgb(186,247,180)`
RGB Percent	72.9, 96.9, 70.6	`rgb(72.9%,96.9%,70.6%)`
CMYK	25, 0, 27, 3
HSL	114.6°, 80.7, 83.7	`hsl(114.6,80.7%,83.7%)`
HSV (or HSB)	114.6°, 27.1, 96.9
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	91.799, -31.61, 26.179
XYZ	61.746, 80.254, 55.415
xyY	0.313, 0.407, 80.254
CIE-LCH	91.799, 41.044, 140.369
CIE-LUV	91.799, -30.241, 43.109
Hunter-Lab	89.585, -33.742, 26.034
Binary	10111010, 11110111, 10110100

#baf7b4
```
#baf7b4 rgb(186,247,180)
```
#f1b4f7
```
#f1b4f7 rgb(241,180,247)
```

Complementary Color

#dcf7b4
```
#dcf7b4 rgb(220,247,180)
```
#baf7b4
```
#baf7b4 rgb(186,247,180)
```
#b4f7d0
```
#b4f7d0 rgb(180,247,208)
```

Analogous Color

#f7b4dc
```
#f7b4dc rgb(247,180,220)
```
#baf7b4
```
#baf7b4 rgb(186,247,180)
```
#d0b4f7
```
#d0b4f7 rgb(208,180,247)
```

Split Complementary Color

#f7b4ba
```
#f7b4ba rgb(247,180,186)
```
#baf7b4
```
#baf7b4 rgb(186,247,180)
```
#b4baf7
```
#b4baf7 rgb(180,186,247)
```

Triadic Color

#f7f1b4
```
#f7f1b4 rgb(247,241,180)
```
#baf7b4
```
#baf7b4 rgb(186,247,180)
```
#b4baf7
```
#b4baf7 rgb(180,186,247)
```
#f1b4f7
```
#f1b4f7 rgb(241,180,247)
```

Tetradic Color

#7af06f
```
#7af06f rgb(122,240,111)
```
#90f286
```
#90f286 rgb(144,242,134)
```
#a5f59d
```
#a5f59d rgb(165,245,157)
```
#baf7b4
```
#baf7b4 rgb(186,247,180)
```
#cff9cb
```
#cff9cb rgb(207,249,203)
```
#e4fce2
```
#e4fce2 rgb(228,252,226)
```
#fafef9
```
#fafef9 rgb(250,254,249)
```

Monochromatic Color

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

#cbf7b4
```
#cbf7b4 rgb(203,247,180)
```
#c5f7b4
```
#c5f7b4 rgb(197,247,180)
```
#c0f7b4
```
#c0f7b4 rgb(192,247,180)
```
#baf7b4
```
#baf7b4 rgb(186,247,180)
```
#b4f7b4
```
#b4f7b4 rgb(180,247,180)
```
#b4f7b9
```
#b4f7b9 rgb(180,247,185)
```
#b4f7bf
```
#b4f7bf rgb(180,247,191)
```

Similar Colors

Text with hexadecimal color #baf7b4

This text has a font color of #baf7b4.

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

#baf7b4 background color

This paragraph has a background color of #baf7b4.

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

#baf7b4 border color

This element has a border color of #baf7b4.

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

CSS codes

.text {color:#baf7b4;}

.background {background-color:#baf7b4;}

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

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, #030e01 is the darkest color, while #fbfffb is the lightest one.

#030e01
```
#030e01 rgb(3,14,1)
```
#061f03
```
#061f03 rgb(6,31,3)
```
#093105
```
#093105 rgb(9,49,5)
```
#0c4307
```
#0c4307 rgb(12,67,7)
```
#105509
```
#105509 rgb(16,85,9)
```
#13660b
```
#13660b rgb(19,102,11)
```
#16780d
```
#16780d rgb(22,120,13)
```
#1a8a0f
```
#1a8a0f rgb(26,138,15)
```
#1d9b11
```
#1d9b11 rgb(29,155,17)
```
#20ad12
```
#20ad12 rgb(32,173,18)
```
#24bf14
```
#24bf14 rgb(36,191,20)
```
#27d116
```
#27d116 rgb(39,209,22)
```
#2ae218
```
#2ae218 rgb(42,226,24)
```

Shade Color Variation

#38e826
```
#38e826 rgb(56,232,38)
```
#48ea38
```
#48ea38 rgb(72,234,56)
```
#58ec4a
```
#58ec4a rgb(88,236,74)
```
#68ee5b
```
#68ee5b rgb(104,238,91)
```
#79ef6d
```
#79ef6d rgb(121,239,109)
```
#89f17f
```
#89f17f rgb(137,241,127)
```
#99f391
```
#99f391 rgb(153,243,145)
```
#aaf5a2
```
#aaf5a2 rgb(170,245,162)
```
#baf7b4
```
#baf7b4 rgb(186,247,180)
```
#caf9c6
```
#caf9c6 rgb(202,249,198)
```
#dbfbd7
```
#dbfbd7 rgb(219,251,215)
```
#ebfde9
```
#ebfde9 rgb(235,253,233)
```
#fbfffb
```
#fbfffb rgb(251,255,251)
```

Tint Color Variation

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

#d4d7d4
```
#d4d7d4 rgb(212,215,212)
```
#d2dad1
```
#d2dad1 rgb(210,218,209)
```
#cfddce
```
#cfddce rgb(207,221,206)
```
#cce1ca
```
#cce1ca rgb(204,225,202)
```
#cae4c7
```
#cae4c7 rgb(202,228,199)
```
#c7e7c4
```
#c7e7c4 rgb(199,231,196)
```
#c4eac1
```
#c4eac1 rgb(196,234,193)
```
#c2edbe
```
#c2edbe rgb(194,237,190)
```
#bff1ba
```
#bff1ba rgb(191,241,186)
```
#bdf4b7
```
#bdf4b7 rgb(189,244,183)
```
#baf7b4
```
#baf7b4 rgb(186,247,180)
```
#b7fab1
```
#b7fab1 rgb(183,250,177)
```
#b5fdae
```
#b5fdae rgb(181,253,174)
```

Tone Color Variation

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

#dddddd Achromatopsia 0.005% of the population
#d6e2d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8e8b1 Protanopia 1% of men
#ffe3d1 Deuteranopia 1% of men
#ccedff Tritanopia 0.001% of the population

Trichromacy

#e1edb2 Protanomaly 1% of men, 0.01% of women
#e5eac6 Deuteranomaly 6% of men, 0.4% of women
#c5f1e3 Tritanomaly 0.01% of the population

#baf7b4 hex color

#baf7b4 Color Information

#baf7b4 Color Conversion

Color Schemes with #baf7b4

Alternatives to #baf7b4

#baf7b4 Preview

Shades and Tints of #baf7b4

Tones of #baf7b4

Color Blindness Simulator