#baae2d hex color

In a RGB color space, hex #baae2d is composed of 72.9% red, 68.2% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.5% magenta, 75.8% yellow and 27.1% black. It has a hue angle of 54.9 degrees, a saturation of 61% and a lightness of 45.3%. #baae2d color hex could be obtained by blending #ffff5a with #755d00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 73
- G 68
- B 18
RGB color chart
- C 0
- M 6
- Y 76
- K 27
CMYK color chart

● #baae2d color description : Strong yellow.

The hexadecimal color #baae2d has RGB values of R:186, G:174, B:45 and CMYK values of C:0, M:0.06, Y:0.76, K:0.27. Its decimal value is 12234285.

Hex triplet	baae2d	`#baae2d`
RGB Decimal	186, 174, 45	`rgb(186,174,45)`
RGB Percent	72.9, 68.2, 17.6	`rgb(72.9%,68.2%,17.6%)`
CMYK	0, 6, 76, 27
HSL	54.9°, 61, 45.3	`hsl(54.9,61%,45.3%)`
HSV (or HSB)	54.9°, 75.8, 72.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.107, -9.858, 63.022
XYZ	35.86, 40.902, 8.488
xyY	0.421, 0.48, 40.902
CIE-LCH	70.107, 63.788, 98.89
CIE-LUV	70.107, 13.406, 70.305
Hunter-Lab	63.954, -11.834, 36.899
Binary	10111010, 10101110, 00101101

#baae2d
```
#baae2d rgb(186,174,45)
```
#2d39ba
```
#2d39ba rgb(45,57,186)
```

Complementary Color

#ba682d
```
#ba682d rgb(186,104,45)
```
#baae2d
```
#baae2d rgb(186,174,45)
```
#80ba2d
```
#80ba2d rgb(128,186,45)
```

Analogous Color

#682dba
```
#682dba rgb(104,45,186)
```
#baae2d
```
#baae2d rgb(186,174,45)
```
#2d80ba
```
#2d80ba rgb(45,128,186)
```

Split Complementary Color

#ae2dba
```
#ae2dba rgb(174,45,186)
```
#baae2d
```
#baae2d rgb(186,174,45)
```
#2dbaae
```
#2dbaae rgb(45,186,174)
```

Triadic Color

#ba2d39
```
#ba2d39 rgb(186,45,57)
```
#baae2d
```
#baae2d rgb(186,174,45)
```
#2dbaae
```
#2dbaae rgb(45,186,174)
```
#2d39ba
```
#2d39ba rgb(45,57,186)
```

Tetradic Color

#7c741e
```
#7c741e rgb(124,116,30)
```
#918823
```
#918823 rgb(145,136,35)
```
#a59b28
```
#a59b28 rgb(165,155,40)
```
#baae2d
```
#baae2d rgb(186,174,45)
```
#cec033
```
#cec033 rgb(206,192,51)
```
#d3c747
```
#d3c747 rgb(211,199,71)
```
#d8cd5c
```
#d8cd5c rgb(216,205,92)
```

Monochromatic Color

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

#ba8b2d
```
#ba8b2d rgb(186,139,45)
```
#ba972d
```
#ba972d rgb(186,151,45)
```
#baa22d
```
#baa22d rgb(186,162,45)
```
#baae2d
```
#baae2d rgb(186,174,45)
```
#baba2d
```
#baba2d rgb(186,186,45)
```
#afba2d
```
#afba2d rgb(175,186,45)
```
#a3ba2d
```
#a3ba2d rgb(163,186,45)
```

Similar Colors

Text with hexadecimal color #baae2d

This text has a font color of #baae2d.

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

#baae2d background color

This paragraph has a background color of #baae2d.

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

#baae2d border color

This element has a border color of #baae2d.

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

CSS codes

.text {color:#baae2d;}

.background {background-color:#baae2d;}

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

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

#0c0b03
```
#0c0b03 rgb(12,11,3)
```
#1c1a07
```
#1c1a07 rgb(28,26,7)
```
#2c290b
```
#2c290b rgb(44,41,11)
```
#3c380e
```
#3c380e rgb(60,56,14)
```
#4b4712
```
#4b4712 rgb(75,71,18)
```
#5b5516
```
#5b5516 rgb(91,85,22)
```
#6b641a
```
#6b641a rgb(107,100,26)
```
#7b731e
```
#7b731e rgb(123,115,30)
```
#8b8222
```
#8b8222 rgb(139,130,34)
```
#9a9025
```
#9a9025 rgb(154,144,37)
```
#aa9f29
```
#aa9f29 rgb(170,159,41)
```
#baae2d
```
#baae2d rgb(186,174,45)
```
#cabd31
```
#cabd31 rgb(202,189,49)
```

Shade Color Variation

#d0c43e
```
#d0c43e rgb(208,196,62)
```
#d4c94e
```
#d4c94e rgb(212,201,78)
```
#d8ce5e
```
#d8ce5e rgb(216,206,94)
```
#dcd26d
```
#dcd26d rgb(220,210,109)
```
#e0d77d
```
#e0d77d rgb(224,215,125)
```
#e3dc8d
```
#e3dc8d rgb(227,220,141)
```
#e7e19d
```
#e7e19d rgb(231,225,157)
```
#ebe6ac
```
#ebe6ac rgb(235,230,172)
```
#efebbc
```
#efebbc rgb(239,235,188)
```
#f3efcc
```
#f3efcc rgb(243,239,204)
```
#f7f4dc
```
#f7f4dc rgb(247,244,220)
```
#faf9ec
```
#faf9ec rgb(250,249,236)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#7c7a6b
```
#7c7a6b rgb(124,122,107)
```
#858262
```
#858262 rgb(133,130,98)
```
#8e8959
```
#8e8959 rgb(142,137,89)
```
#969151
```
#969151 rgb(150,145,81)
```
#9f9848
```
#9f9848 rgb(159,152,72)
```
#a89f3f
```
#a89f3f rgb(168,159,63)
```
#b1a736
```
#b1a736 rgb(177,167,54)
```
#baae2d
```
#baae2d rgb(186,174,45)
```
#c3b524
```
#c3b524 rgb(195,181,36)
```
#ccbd1b
```
#ccbd1b rgb(204,189,27)
```
#d5c412
```
#d5c412 rgb(213,196,18)
```
#decb09
```
#decb09 rgb(222,203,9)
```
#e6d301
```
#e6d301 rgb(230,211,1)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a8a58b Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b037 Protanopia 1% of men
#d9a73d Deuteranopia 1% of men
#c8a6b2 Tritanopia 0.001% of the population

Trichromacy

#c0af33 Protanomaly 1% of men, 0.01% of women
#cea937 Deuteranomaly 6% of men, 0.4% of women
#c3a982 Tritanomaly 0.01% of the population

#baae2d hex color

#baae2d Color Information

#baae2d Color Conversion

Color Schemes with #baae2d

Alternatives to #baae2d

#baae2d Preview

Shades and Tints of #baae2d

Tones of #baae2d

Color Blindness Simulator