#bace1f hex color

In a RGB color space, hex #bace1f is composed of 72.9% red, 80.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 9.7% cyan, 0% magenta, 85% yellow and 19.2% black. It has a hue angle of 66.9 degrees, a saturation of 73.8% and a lightness of 46.5%. #bace1f color hex could be obtained by blending #ffff3e with #759d00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 73
- G 81
- B 12
RGB color chart
- C 10
- M 0
- Y 85
- K 19
CMYK color chart

● #bace1f color description : Strong yellow.

The hexadecimal color #bace1f has RGB values of R:186, G:206, B:31 and CMYK values of C:0.1, M:0, Y:0.85, K:0.19. Its decimal value is 12242463.

Hex triplet	bace1f	`#bace1f`
RGB Decimal	186, 206, 31	`rgb(186,206,31)`
RGB Percent	72.9, 80.8, 12.2	`rgb(72.9%,80.8%,12.2%)`
CMYK	10, 0, 85, 19
HSL	66.9°, 73.8, 46.5	`hsl(66.9,73.8%,46.5%)`
HSV (or HSB)	66.9°, 85, 80.8
Web Safe	cccc33	`#cccc33`

CIE-LAB	78.857, -26.319, 74.505
XYZ	42.568, 54.681, 9.608
xyY	0.398, 0.512, 54.681
CIE-LCH	78.857, 79.017, 109.456
CIE-LUV	78.857, -7.039, 85.723
Hunter-Lab	73.946, -26.651, 44.059
Binary	10111010, 11001110, 00011111

#bace1f
```
#bace1f rgb(186,206,31)
```
#331fce
```
#331fce rgb(51,31,206)
```

Complementary Color

#ce8b1f
```
#ce8b1f rgb(206,139,31)
```
#bace1f
```
#bace1f rgb(186,206,31)
```
#62ce1f
```
#62ce1f rgb(98,206,31)
```

Analogous Color

#8b1fce
```
#8b1fce rgb(139,31,206)
```
#bace1f
```
#bace1f rgb(186,206,31)
```
#1f62ce
```
#1f62ce rgb(31,98,206)
```

Split Complementary Color

#ce1fba
```
#ce1fba rgb(206,31,186)
```
#bace1f
```
#bace1f rgb(186,206,31)
```
#1fbace
```
#1fbace rgb(31,186,206)
```

Triadic Color

#ce331f
```
#ce331f rgb(206,51,31)
```
#bace1f
```
#bace1f rgb(186,206,31)
```
#1fbace
```
#1fbace rgb(31,186,206)
```
#331fce
```
#331fce rgb(51,31,206)
```

Tetradic Color

#7e8c15
```
#7e8c15 rgb(126,140,21)
```
#92a218
```
#92a218 rgb(146,162,24)
```
#a6b81c
```
#a6b81c rgb(166,184,28)
```
#bace1f
```
#bace1f rgb(186,206,31)
```
#cadf28
```
#cadf28 rgb(202,223,40)
```
#cfe23e
```
#cfe23e rgb(207,226,62)
```
#d5e554
```
#d5e554 rgb(213,229,84)
```

Monochromatic Color

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

#ceb61f
```
#ceb61f rgb(206,182,31)
```
#cec51f
```
#cec51f rgb(206,197,31)
```
#c9ce1f
```
#c9ce1f rgb(201,206,31)
```
#bace1f
```
#bace1f rgb(186,206,31)
```
#abce1f
```
#abce1f rgb(171,206,31)
```
#9dce1f
```
#9dce1f rgb(157,206,31)
```
#8ece1f
```
#8ece1f rgb(142,206,31)
```

Similar Colors

Text with hexadecimal color #bace1f

This text has a font color of #bace1f.

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

#bace1f background color

This paragraph has a background color of #bace1f.

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

#bace1f border color

This element has a border color of #bace1f.

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

CSS codes

.text {color:#bace1f;}

.background {background-color:#bace1f;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#111203
```
#111203 rgb(17,18,3)
```
#202405
```
#202405 rgb(32,36,5)
```
#2f3508
```
#2f3508 rgb(47,53,8)
```
#3f460a
```
#3f460a rgb(63,70,10)
```
#4e570d
```
#4e570d rgb(78,87,13)
```
#5e6810
```
#5e6810 rgb(94,104,16)
```
#6d7912
```
#6d7912 rgb(109,121,18)
```
#7c8a15
```
#7c8a15 rgb(124,138,21)
```
#8c9b17
```
#8c9b17 rgb(140,155,23)
```
#9bac1a
```
#9bac1a rgb(155,172,26)
```
#abbd1c
```
#abbd1c rgb(171,189,28)
```
#bace1f
```
#bace1f rgb(186,206,31)
```

Shade Color Variation

#c8de23
```
#c8de23 rgb(200,222,35)
```
#cde034
```
#cde034 rgb(205,224,52)
```
#d1e345
```
#d1e345 rgb(209,227,69)
```
#d5e656
```
#d5e656 rgb(213,230,86)
```
#d9e867
```
#d9e867 rgb(217,232,103)
```
#deeb78
```
#deeb78 rgb(222,235,120)
```
#e2ed89
```
#e2ed89 rgb(226,237,137)
```
#e6f09a
```
#e6f09a rgb(230,240,154)
```
#eaf2ab
```
#eaf2ab rgb(234,242,171)
```
#eef5bc
```
#eef5bc rgb(238,245,188)
```
#f3f8cd
```
#f3f8cd rgb(243,248,205)
```
#f7fade
```
#f7fade rgb(247,250,222)
```
#fbfdef
```
#fbfdef rgb(251,253,239)
```

Tint Color Variation

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

#7b7c71
```
#7b7c71 rgb(123,124,113)
```
#828568
```
#828568 rgb(130,133,104)
```
#898e5f
```
#898e5f rgb(137,142,95)
```
#909756
```
#909756 rgb(144,151,86)
```
#97a04d
```
#97a04d rgb(151,160,77)
```
#9eaa43
```
#9eaa43 rgb(158,170,67)
```
#a5b33a
```
#a5b33a rgb(165,179,58)
```
#acbc31
```
#acbc31 rgb(172,188,49)
```
#b3c528
```
#b3c528 rgb(179,197,40)
```
#bace1f
```
#bace1f rgb(186,206,31)
```
#c1d716
```
#c1d716 rgb(193,215,22)
```
#c8e00d
```
#c8e00d rgb(200,224,13)
```
#cfe904
```
#cfe904 rgb(207,233,4)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b5b996 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dec627 Protanopia 1% of men
#f6bc38 Deuteranopia 1% of men
#cdc2d0 Tritanopia 0.001% of the population

Trichromacy

#d1c924 Protanomaly 1% of men, 0.01% of women
#e0c32f Deuteranomaly 6% of men, 0.4% of women
#c6c690 Tritanomaly 0.01% of the population

#bace1f hex color

#bace1f Color Information

#bace1f Color Conversion

Color Schemes with #bace1f

Alternatives to #bace1f

#bace1f Preview

Shades and Tints of #bace1f

Tones of #bace1f

Color Blindness Simulator