#bafea1 hex color

In a RGB color space, hex #bafea1 is composed of 72.9% red, 99.6% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 0% magenta, 36.6% yellow and 0.4% black. It has a hue angle of 103.9 degrees, a saturation of 97.9% and a lightness of 81.4%. #bafea1 color hex could be obtained by blending #ffffff with #75fd43. Closest websafe color is: #ccff99.

♥
- f
- t
- g
- R 73
- G 100
- B 63
RGB color chart
- C 27
- M 0
- Y 37
- K 0
CMYK color chart

● #bafea1 color description : Very soft green.

The hexadecimal color #bafea1 has RGB values of R:186, G:254, B:161 and CMYK values of C:0.27, M:0, Y:0.37, K:0. Its decimal value is 12254881.

Hex triplet	bafea1	`#bafea1`
RGB Decimal	186, 254, 161	`rgb(186,254,161)`
RGB Percent	72.9, 99.6, 63.1	`rgb(72.9%,99.6%,63.1%)`
CMYK	27, 0, 37, 0
HSL	103.9°, 97.9, 81.4	`hsl(103.9,97.9%,81.4%)`
HSV (or HSB)	103.9°, 36.6, 99.6
Web Safe	ccff99	`#ccff99`

CIE-LAB	93.404, -37.654, 37.869
XYZ	62.122, 83.894, 46.636
xyY	0.322, 0.435, 83.894
CIE-LCH	93.404, 53.403, 134.837
CIE-LUV	93.404, -33.627, 59.088
Hunter-Lab	91.594, -39.223, 33.927
Binary	10111010, 11111110, 10100001

#bafea1
```
#bafea1 rgb(186,254,161)
```
#e5a1fe
```
#e5a1fe rgb(229,161,254)
```

Complementary Color

#e9fea1
```
#e9fea1 rgb(233,254,161)
```
#bafea1
```
#bafea1 rgb(186,254,161)
```
#a1feb7
```
#a1feb7 rgb(161,254,183)
```

Analogous Color

#fea1e9
```
#fea1e9 rgb(254,161,233)
```
#bafea1
```
#bafea1 rgb(186,254,161)
```
#b7a1fe
```
#b7a1fe rgb(183,161,254)
```

Split Complementary Color

#fea1ba
```
#fea1ba rgb(254,161,186)
```
#bafea1
```
#bafea1 rgb(186,254,161)
```
#a1bafe
```
#a1bafe rgb(161,186,254)
```

Triadic Color

#fee5a1
```
#fee5a1 rgb(254,229,161)
```
#bafea1
```
#bafea1 rgb(186,254,161)
```
#a1bafe
```
#a1bafe rgb(161,186,254)
```
#e5a1fe
```
#e5a1fe rgb(229,161,254)
```

Tetradic Color

#82fd55
```
#82fd55 rgb(130,253,85)
```
#95fd6f
```
#95fd6f rgb(149,253,111)
```
#a7fe88
```
#a7fe88 rgb(167,254,136)
```
#bafea1
```
#bafea1 rgb(186,254,161)
```
#cdfeba
```
#cdfeba rgb(205,254,186)
```
#dfffd3
```
#dfffd3 rgb(223,255,211)
```
#f2ffed
```
#f2ffed rgb(242,255,237)
```

Monochromatic Color

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

#d1fea1
```
#d1fea1 rgb(209,254,161)
```
#cafea1
```
#cafea1 rgb(202,254,161)
```
#c2fea1
```
#c2fea1 rgb(194,254,161)
```
#bafea1
```
#bafea1 rgb(186,254,161)
```
#b2fea1
```
#b2fea1 rgb(178,254,161)
```
#abfea1
```
#abfea1 rgb(171,254,161)
```
#a3fea1
```
#a3fea1 rgb(163,254,161)
```

Similar Colors

Text with hexadecimal color #bafea1

This text has a font color of #bafea1.

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

#bafea1 background color

This paragraph has a background color of #bafea1.

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

#bafea1 border color

This element has a border color of #bafea1.

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

CSS codes

.text {color:#bafea1;}

.background {background-color:#bafea1;}

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

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

#010300
```
#010300 rgb(1,3,0)
```
#061600
```
#061600 rgb(6,22,0)
```
#0c2a00
```
#0c2a00 rgb(12,42,0)
```
#113d01
```
#113d01 rgb(17,61,1)
```
#165101
```
#165101 rgb(22,81,1)
```
#1c6401
```
#1c6401 rgb(28,100,1)
```
#217701
```
#217701 rgb(33,119,1)
```
#268b01
```
#268b01 rgb(38,139,1)
```
#2c9e02
```
#2c9e02 rgb(44,158,2)
```
#31b202
```
#31b202 rgb(49,178,2)
```
#37c502
```
#37c502 rgb(55,197,2)
```
#3cd902
```
#3cd902 rgb(60,217,2)
```
#41ec03
```
#41ec03 rgb(65,236,3)
```

Shade Color Variation

#48fc06
```
#48fc06 rgb(72,252,6)
```
#56fd19
```
#56fd19 rgb(86,253,25)
```
#65fd2d
```
#65fd2d rgb(101,253,45)
```
#73fd40
```
#73fd40 rgb(115,253,64)
```
#81fd53
```
#81fd53 rgb(129,253,83)
```
#8ffd67
```
#8ffd67 rgb(143,253,103)
```
#9efe7a
```
#9efe7a rgb(158,254,122)
```
#acfe8e
```
#acfe8e rgb(172,254,142)
```
#bafea1
```
#bafea1 rgb(186,254,161)
```
#c8feb4
```
#c8feb4 rgb(200,254,180)
```
#d6fec8
```
#d6fec8 rgb(214,254,200)
```
#e5ffdb
```
#e5ffdb rgb(229,255,219)
```
#f3ffef
```
#f3ffef rgb(243,255,239)
```

Tint Color Variation

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

#ced2cd
```
#ced2cd rgb(206,210,205)
```
#cdd6c9
```
#cdd6c9 rgb(205,214,201)
```
#cbd9c6
```
#cbd9c6 rgb(203,217,198)
```
#c9ddc2
```
#c9ddc2 rgb(201,221,194)
```
#c8e1be
```
#c8e1be rgb(200,225,190)
```
#c6e4bb
```
#c6e4bb rgb(198,228,187)
```
#c4e8b7
```
#c4e8b7 rgb(196,232,183)
```
#c2ecb3
```
#c2ecb3 rgb(194,236,179)
```
#c1efb0
```
#c1efb0 rgb(193,239,176)
```
#bff3ac
```
#bff3ac rgb(191,243,172)
```
#bdf7a8
```
#bdf7a8 rgb(189,247,168)
```
#bcfaa5
```
#bcfaa5 rgb(188,250,165)
```
#bafea1
```
#bafea1 rgb(186,254,161)
```

Tone Color Variation

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

#dfdfdf Achromatopsia 0.005% of the population
#d8e5d3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeca8 Protanopia 1% of men
#ffe9d7 Deuteranopia 1% of men
#d6f1ff Tritanopia 0.001% of the population

Trichromacy

#e5f3a5 Protanomaly 1% of men, 0.01% of women
#e5f0c3 Deuteranomaly 6% of men, 0.4% of women
#ccf5dc Tritanomaly 0.01% of the population

#bafea1 hex color

#bafea1 Color Information

#bafea1 Color Conversion

Color Schemes with #bafea1

Alternatives to #bafea1

#bafea1 Preview

Shades and Tints of #bafea1

Tones of #bafea1

Color Blindness Simulator