#b3af2c hex color

In a RGB color space, hex #b3af2c is composed of 70.2% red, 68.6% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.2% magenta, 75.4% yellow and 29.8% black. It has a hue angle of 58.2 degrees, a saturation of 60.5% and a lightness of 43.7%. #b3af2c color hex could be obtained by blending #ffff58 with #675f00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 70
- G 69
- B 17
RGB color chart
- C 0
- M 2
- Y 75
- K 30
CMYK color chart

● #b3af2c color description : Strong yellow.

The hexadecimal color #b3af2c has RGB values of R:179, G:175, B:44 and CMYK values of C:0, M:0.02, Y:0.75, K:0.3. Its decimal value is 11775788.

Hex triplet	b3af2c	`#b3af2c`
RGB Decimal	179, 175, 44	`rgb(179,175,44)`
RGB Percent	70.2, 68.6, 17.3	`rgb(70.2%,68.6%,17.3%)`
CMYK	0, 2, 75, 30
HSL	58.2°, 60.5, 43.7	`hsl(58.2,60.5%,43.7%)`
HSV (or HSB)	58.2°, 75.4, 70.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.772, -13.47, 62.827
XYZ	34.375, 40.426, 8.375
xyY	0.413, 0.486, 40.426
CIE-LCH	69.772, 64.254, 102.101
CIE-LUV	69.772, 7.846, 70.795
Hunter-Lab	63.582, -14.763, 36.697
Binary	10110011, 10101111, 00101100

#b3af2c
```
#b3af2c rgb(179,175,44)
```
#2c30b3
```
#2c30b3 rgb(44,48,179)
```

Complementary Color

#b36c2c
```
#b36c2c rgb(179,108,44)
```
#b3af2c
```
#b3af2c rgb(179,175,44)
```
#74b32c
```
#74b32c rgb(116,179,44)
```

Analogous Color

#6c2cb3
```
#6c2cb3 rgb(108,44,179)
```
#b3af2c
```
#b3af2c rgb(179,175,44)
```
#2c74b3
```
#2c74b3 rgb(44,116,179)
```

Split Complementary Color

#af2cb3
```
#af2cb3 rgb(175,44,179)
```
#b3af2c
```
#b3af2c rgb(179,175,44)
```
#2cb3af
```
#2cb3af rgb(44,179,175)
```

Triadic Color

#b32c30
```
#b32c30 rgb(179,44,48)
```
#b3af2c
```
#b3af2c rgb(179,175,44)
```
#2cb3af
```
#2cb3af rgb(44,179,175)
```
#2c30b3
```
#2c30b3 rgb(44,48,179)
```

Tetradic Color

#76731d
```
#76731d rgb(118,115,29)
```
#8a8722
```
#8a8722 rgb(138,135,34)
```
#9f9b27
```
#9f9b27 rgb(159,155,39)
```
#b3af2c
```
#b3af2c rgb(179,175,44)
```
#c7c331
```
#c7c331 rgb(199,195,49)
```
#d0cc42
```
#d0cc42 rgb(208,204,66)
```
#d5d256
```
#d5d256 rgb(213,210,86)
```

Monochromatic Color

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

#b38d2c
```
#b38d2c rgb(179,141,44)
```
#b3992c
```
#b3992c rgb(179,153,44)
```
#b3a42c
```
#b3a42c rgb(179,164,44)
```
#b3af2c
```
#b3af2c rgb(179,175,44)
```
#acb32c
```
#acb32c rgb(172,179,44)
```
#a1b32c
```
#a1b32c rgb(161,179,44)
```
#95b32c
```
#95b32c rgb(149,179,44)
```

Similar Colors

Text with hexadecimal color #b3af2c

This text has a font color of #b3af2c.

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

#b3af2c background color

This paragraph has a background color of #b3af2c.

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

#b3af2c border color

This element has a border color of #b3af2c.

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

CSS codes

.text {color:#b3af2c;}

.background {background-color:#b3af2c;}

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

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

#060601
```
#060601 rgb(6,6,1)
```
#161505
```
#161505 rgb(22,21,5)
```
#252409
```
#252409 rgb(37,36,9)
```
#35340d
```
#35340d rgb(53,52,13)
```
#454311
```
#454311 rgb(69,67,17)
```
#555315
```
#555315 rgb(85,83,21)
```
#646219
```
#646219 rgb(100,98,25)
```
#74711d
```
#74711d rgb(116,113,29)
```
#848120
```
#848120 rgb(132,129,32)
```
#949024
```
#949024 rgb(148,144,36)
```
#a3a028
```
#a3a028 rgb(163,160,40)
```
#b3af2c
```
#b3af2c rgb(179,175,44)
```
#c3be30
```
#c3be30 rgb(195,190,48)
```

Shade Color Variation

#ceca38
```
#ceca38 rgb(206,202,56)
```
#d2ce48
```
#d2ce48 rgb(210,206,72)
```
#d6d258
```
#d6d258 rgb(214,210,88)
```
#dad667
```
#dad667 rgb(218,214,103)
```
#dedb77
```
#dedb77 rgb(222,219,119)
```
#e1df87
```
#e1df87 rgb(225,223,135)
```
#e5e397
```
#e5e397 rgb(229,227,151)
```
#e9e7a6
```
#e9e7a6 rgb(233,231,166)
```
#edebb6
```
#edebb6 rgb(237,235,182)
```
#f1f0c6
```
#f1f0c6 rgb(241,240,198)
```
#f5f4d6
```
#f5f4d6 rgb(245,244,214)
```
#f9f8e5
```
#f9f8e5 rgb(249,248,229)
```
#fdfcf5
```
#fdfcf5 rgb(253,252,245)
```

Tint Color Variation

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

#777768
```
#777768 rgb(119,119,104)
```
#807f5f
```
#807f5f rgb(128,127,95)
```
#888757
```
#888757 rgb(136,135,87)
```
#918f4e
```
#918f4e rgb(145,143,78)
```
#999746
```
#999746 rgb(153,151,70)
```
#a29f3d
```
#a29f3d rgb(162,159,61)
```
#aaa735
```
#aaa735 rgb(170,167,53)
```
#b3af2c
```
#b3af2c rgb(179,175,44)
```
#bcb723
```
#bcb723 rgb(188,183,35)
```
#c4bf1b
```
#c4bf1b rgb(196,191,27)
```
#cdc712
```
#cdc712 rgb(205,199,18)
```
#d5cf0a
```
#d5cf0a rgb(213,207,10)
```
#ded701
```
#ded701 rgb(222,215,1)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a5a48a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3af35 Protanopia 1% of men
#d8a63d Deuteranopia 1% of men
#c2a7b3 Tritanopia 0.001% of the population

Trichromacy

#bdaf32 Protanomaly 1% of men, 0.01% of women
#cba937 Deuteranomaly 6% of men, 0.4% of women
#bcaa82 Tritanomaly 0.01% of the population

#b3af2c hex color

#b3af2c Color Information

#b3af2c Color Conversion

Color Schemes with #b3af2c

Alternatives to #b3af2c

#b3af2c Preview

Shades and Tints of #b3af2c

Tones of #b3af2c

Color Blindness Simulator