#bafad2 hex color

In a RGB color space, hex #bafad2 is composed of 72.9% red, 98% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 25.6% cyan, 0% magenta, 16% yellow and 2% black. It has a hue angle of 142.5 degrees, a saturation of 86.5% and a lightness of 85.5%. #bafad2 color hex could be obtained by blending #ffffff with #75f5a5. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 73
- G 98
- B 82
RGB color chart
- C 26
- M 0
- Y 16
- K 2
CMYK color chart

● #bafad2 color description : Very soft cyan - lime green.

The hexadecimal color #bafad2 has RGB values of R:186, G:250, B:210 and CMYK values of C:0.26, M:0, Y:0.16, K:0.02. Its decimal value is 12253906.

Hex triplet	bafad2	`#bafad2`
RGB Decimal	186, 250, 210	`rgb(186,250,210)`
RGB Percent	72.9, 98, 82.4	`rgb(72.9%,98%,82.4%)`
CMYK	26, 0, 16, 2
HSL	142.5°, 86.5, 85.5	`hsl(142.5,86.5%,85.5%)`
HSV (or HSB)	142.5°, 25.6, 98
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	93.216, -27.85, 12.781
XYZ	66.065, 83.461, 73.598
xyY	0.296, 0.374, 83.461
CIE-LCH	93.216, 30.643, 155.348
CIE-LUV	93.216, -31.636, 24.008
Hunter-Lab	91.357, -30.793, 16.186
Binary	10111010, 11111010, 11010010

#bafad2
```
#bafad2 rgb(186,250,210)
```
#fabae2
```
#fabae2 rgb(250,186,226)
```

Complementary Color

#c2faba
```
#c2faba rgb(194,250,186)
```
#bafad2
```
#bafad2 rgb(186,250,210)
```
#bafaf2
```
#bafaf2 rgb(186,250,242)
```

Analogous Color

#fabac2
```
#fabac2 rgb(250,186,194)
```
#bafad2
```
#bafad2 rgb(186,250,210)
```
#f2bafa
```
#f2bafa rgb(242,186,250)
```

Split Complementary Color

#fad2ba
```
#fad2ba rgb(250,210,186)
```
#bafad2
```
#bafad2 rgb(186,250,210)
```
#d2bafa
```
#d2bafa rgb(210,186,250)
```

Triadic Color

#e2faba
```
#e2faba rgb(226,250,186)
```
#bafad2
```
#bafad2 rgb(186,250,210)
```
#d2bafa
```
#d2bafa rgb(210,186,250)
```
#fabae2
```
#fabae2 rgb(250,186,226)
```

Tetradic Color

#73f5a3
```
#73f5a3 rgb(115,245,163)
```
#8af7b3
```
#8af7b3 rgb(138,247,179)
```
#a2f8c2
```
#a2f8c2 rgb(162,248,194)
```
#bafad2
```
#bafad2 rgb(186,250,210)
```
#d2fce2
```
#d2fce2 rgb(210,252,226)
```
#eafdf1
```
#eafdf1 rgb(234,253,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bafac2
```
#bafac2 rgb(186,250,194)
```
#bafac7
```
#bafac7 rgb(186,250,199)
```
#bafacd
```
#bafacd rgb(186,250,205)
```
#bafad2
```
#bafad2 rgb(186,250,210)
```
#bafad7
```
#bafad7 rgb(186,250,215)
```
#bafadd
```
#bafadd rgb(186,250,221)
```
#bafae2
```
#bafae2 rgb(186,250,226)
```

Similar Colors

Text with hexadecimal color #bafad2

This text has a font color of #bafad2.

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

#bafad2 background color

This paragraph has a background color of #bafad2.

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

#bafad2 border color

This element has a border color of #bafad2.

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

CSS codes

.text {color:#bafad2;}

.background {background-color:#bafad2;}

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

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

#000402
```
#000402 rgb(0,4,2)
```
#021609
```
#021609 rgb(2,22,9)
```
#032911
```
#032911 rgb(3,41,17)
```
#043b19
```
#043b19 rgb(4,59,25)
```
#064d20
```
#064d20 rgb(6,77,32)
```
#076028
```
#076028 rgb(7,96,40)
```
#087230
```
#087230 rgb(8,114,48)
```
#0a8438
```
#0a8438 rgb(10,132,56)
```
#0b963f
```
#0b963f rgb(11,150,63)
```
#0ca947
```
#0ca947 rgb(12,169,71)
```
#0ebb4f
```
#0ebb4f rgb(14,187,79)
```
#0fcd56
```
#0fcd56 rgb(15,205,86)
```
#10e05e
```
#10e05e rgb(16,224,94)
```

Shade Color Variation

#15ee67
```
#15ee67 rgb(21,238,103)
```
#28ef73
```
#28ef73 rgb(40,239,115)
```
#3af17f
```
#3af17f rgb(58,241,127)
```
#4cf28a
```
#4cf28a rgb(76,242,138)
```
#5ff396
```
#5ff396 rgb(95,243,150)
```
#71f5a2
```
#71f5a2 rgb(113,245,162)
```
#83f6ae
```
#83f6ae rgb(131,246,174)
```
#95f7ba
```
#95f7ba rgb(149,247,186)
```
#a8f9c6
```
#a8f9c6 rgb(168,249,198)
```
#bafad2
```
#bafad2 rgb(186,250,210)
```
#ccfbde
```
#ccfbde rgb(204,251,222)
```
#dffdea
```
#dffdea rgb(223,253,234)
```
#f1fef6
```
#f1fef6 rgb(241,254,246)
```

Tint Color Variation

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

#d9dbda
```
#d9dbda rgb(217,219,218)
```
#d6ded9
```
#d6ded9 rgb(214,222,217)
```
#d4e0d8
```
#d4e0d8 rgb(212,224,216)
```
#d1e3d8
```
#d1e3d8 rgb(209,227,216)
```
#cee6d7
```
#cee6d7 rgb(206,230,215)
```
#cbe9d6
```
#cbe9d6 rgb(203,233,214)
```
#c8ecd6
```
#c8ecd6 rgb(200,236,214)
```
#c5efd5
```
#c5efd5 rgb(197,239,213)
```
#c3f1d4
```
#c3f1d4 rgb(195,241,212)
```
#c0f4d3
```
#c0f4d3 rgb(192,244,211)
```
#bdf7d3
```
#bdf7d3 rgb(189,247,211)
```
#bafad2
```
#bafad2 rgb(186,250,210)
```
#b7fdd1
```
#b7fdd1 rgb(183,253,209)
```

Tone Color Variation

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

#e2e2e2 Achromatopsia 0.005% of the population
#dae7df Atypical Achromatopsia 0.001% of the population

Dichromacy

#f7ebcd Protanopia 1% of men
#ffe7e1 Deuteranopia 1% of men
#d2f1ff Tritanopia 0.001% of the population

Trichromacy

#e1f0cf Protanomaly 1% of men, 0.01% of women
#e5eedc Deuteranomaly 6% of men, 0.4% of women
#c9f4ee Tritanomaly 0.01% of the population

#bafad2 hex color

#bafad2 Color Information

#bafad2 Color Conversion

Color Schemes with #bafad2

Alternatives to #bafad2

#bafad2 Preview

Shades and Tints of #bafad2

Tones of #bafad2

Color Blindness Simulator