#baaf02 hex color

In a RGB color space, hex #baaf02 is composed of 72.9% red, 68.6% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.9% magenta, 98.9% yellow and 27.1% black. It has a hue angle of 56.4 degrees, a saturation of 97.9% and a lightness of 36.9%. #baaf02 color hex could be obtained by blending #ffff04 with #755f00. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 73
- G 69
- B 1
RGB color chart
- C 0
- M 6
- Y 99
- K 27
CMYK color chart

● #baaf02 color description : Strong yellow.

The hexadecimal color #baaf02 has RGB values of R:186, G:175, B:2 and CMYK values of C:0, M:0.06, Y:0.99, K:0.27. Its decimal value is 12234498.

Hex triplet	baaf02	`#baaf02`
RGB Decimal	186, 175, 2	`rgb(186,175,2)`
RGB Percent	72.9, 68.6, 0.8	`rgb(72.9%,68.6%,0.8%)`
CMYK	0, 6, 99, 27
HSL	56.4°, 97.9, 36.9	`hsl(56.4,97.9%,36.9%)`
HSV (or HSB)	56.4°, 98.9, 72.9
Web Safe	cc9900	`#cc9900`

CIE-LAB	70.249, -11.375, 72.108
XYZ	35.591, 41.104, 6.117
xyY	0.43, 0.496, 41.104
CIE-LCH	70.249, 72.999, 98.965
CIE-LUV	70.249, 13.226, 76.159
Hunter-Lab	64.113, -13.106, 39.222
Binary	10111010, 10101111, 00000010

#baaf02
```
#baaf02 rgb(186,175,2)
```
#020dba
```
#020dba rgb(2,13,186)
```

Complementary Color

#ba5302
```
#ba5302 rgb(186,83,2)
```
#baaf02
```
#baaf02 rgb(186,175,2)
```
#69ba02
```
#69ba02 rgb(105,186,2)
```

Analogous Color

#5302ba
```
#5302ba rgb(83,2,186)
```
#baaf02
```
#baaf02 rgb(186,175,2)
```
#0269ba
```
#0269ba rgb(2,105,186)
```

Split Complementary Color

#af02ba
```
#af02ba rgb(175,2,186)
```
#baaf02
```
#baaf02 rgb(186,175,2)
```
#02baaf
```
#02baaf rgb(2,186,175)
```

Triadic Color

#ba020d
```
#ba020d rgb(186,2,13)
```
#baaf02
```
#baaf02 rgb(186,175,2)
```
#02baaf
```
#02baaf rgb(2,186,175)
```
#020dba
```
#020dba rgb(2,13,186)
```

Tetradic Color

#6e6801
```
#6e6801 rgb(110,104,1)
```
#888001
```
#888001 rgb(136,128,1)
```
#a19702
```
#a19702 rgb(161,151,2)
```
#baaf02
```
#baaf02 rgb(186,175,2)
```
#d3c702
```
#d3c702 rgb(211,199,2)
```
#ecde03
```
#ecde03 rgb(236,222,3)
```
#fcee0c
```
#fcee0c rgb(252,238,12)
```

Monochromatic Color

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

#ba8102
```
#ba8102 rgb(186,129,2)
```
#ba9002
```
#ba9002 rgb(186,144,2)
```
#baa002
```
#baa002 rgb(186,160,2)
```
#baaf02
```
#baaf02 rgb(186,175,2)
```
#b6ba02
```
#b6ba02 rgb(182,186,2)
```
#a6ba02
```
#a6ba02 rgb(166,186,2)
```
#97ba02
```
#97ba02 rgb(151,186,2)
```

Similar Colors

Text with hexadecimal color #baaf02

This text has a font color of #baaf02.

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

#baaf02 background color

This paragraph has a background color of #baaf02.

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

#baaf02 border color

This element has a border color of #baaf02.

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

CSS codes

.text {color:#baaf02;}

.background {background-color:#baaf02;}

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

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, #0b0b00 is the darkest color, while #fffef7 is the lightest one.

#0b0b00
```
#0b0b00 rgb(11,11,0)
```
#1f1d00
```
#1f1d00 rgb(31,29,0)
```
#322f01
```
#322f01 rgb(50,47,1)
```
#464101
```
#464101 rgb(70,65,1)
```
#595401
```
#595401 rgb(89,84,1)
```
#6c6601
```
#6c6601 rgb(108,102,1)
```
#807801
```
#807801 rgb(128,120,1)
```
#938a02
```
#938a02 rgb(147,138,2)
```
#a79d02
```
#a79d02 rgb(167,157,2)
```
#baaf02
```
#baaf02 rgb(186,175,2)
```
#cdc102
```
#cdc102 rgb(205,193,2)
```
#e1d402
```
#e1d402 rgb(225,212,2)
```
#f4e603
```
#f4e603 rgb(244,230,3)
```

Shade Color Variation

#fcee0e
```
#fcee0e rgb(252,238,14)
```
#fdf021
```
#fdf021 rgb(253,240,33)
```
#fdf135
```
#fdf135 rgb(253,241,53)
```
#fdf248
```
#fdf248 rgb(253,242,72)
```
#fdf45c
```
#fdf45c rgb(253,244,92)
```
#fdf56f
```
#fdf56f rgb(253,245,111)
```
#fef682
```
#fef682 rgb(254,246,130)
```
#fef896
```
#fef896 rgb(254,248,150)
```
#fef9a9
```
#fef9a9 rgb(254,249,169)
```
#fefabd
```
#fefabd rgb(254,250,189)
```
#fefcd0
```
#fefcd0 rgb(254,252,208)
```
#fffde4
```
#fffde4 rgb(255,253,228)
```
#fffef7
```
#fffef7 rgb(255,254,247)
```

Tint Color Variation

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

#636359
```
#636359 rgb(99,99,89)
```
#6a6952
```
#6a6952 rgb(106,105,82)
```
#726f4a
```
#726f4a rgb(114,111,74)
```
#797643
```
#797643 rgb(121,118,67)
```
#807c3c
```
#807c3c rgb(128,124,60)
```
#878235
```
#878235 rgb(135,130,53)
```
#8f892d
```
#8f892d rgb(143,137,45)
```
#968f26
```
#968f26 rgb(150,143,38)
```
#9d961f
```
#9d961f rgb(157,150,31)
```
#a49c18
```
#a49c18 rgb(164,156,24)
```
#aca210
```
#aca210 rgb(172,162,16)
```
#b3a909
```
#b3a909 rgb(179,169,9)
```
#baaf02
```
#baaf02 rgb(186,175,2)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a4a280 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b008 Protanopia 1% of men
#dca71f Deuteranopia 1% of men
#c9a7b2 Tritanopia 0.001% of the population

Trichromacy

#c1af06 Protanomaly 1% of men, 0.01% of women
#cfaa14 Deuteranomaly 6% of men, 0.4% of women
#c3aa72 Tritanomaly 0.01% of the population

#baaf02 hex color

#baaf02 Color Information

#baaf02 Color Conversion

Color Schemes with #baaf02

Alternatives to #baaf02

#baaf02 Preview

Shades and Tints of #baaf02

Tones of #baaf02

Color Blindness Simulator