colorhexa.com

#a7b258 hex color

In a RGB color space, hex #a7b258 is composed of 65.5% red, 69.8% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 6.2% cyan, 0% magenta, 50.6% yellow and 30.2% black. It has a hue angle of 67.3 degrees, a saturation of 36.9% and a lightness of 52.2%. #a7b258 color hex could be obtained by blending #ffffb0 with #4f6500. Closest websafe color is: #999966.

- R 65
- G 70
- B 35
RGB color chart
- C 6
- M 0
- Y 51
- K 30
CMYK color chart

● #a7b258 color description : Dark moderate yellow.

The hexadecimal color #a7b258 has RGB values of R:167, G:178, B:88 and CMYK values of C:0.06, M:0, Y:0.51, K:0.3. Its decimal value is 10990168.

Hex triplet	a7b258	`#a7b258`
RGB Decimal	167, 178, 88	`rgb(167,178,88)`
RGB Percent	65.5, 69.8, 34.5	`rgb(65.5%,69.8%,34.5%)`
CMYK	6, 0, 51, 30
HSL	67.3°, 36.9, 52.2	`hsl(67.3,36.9%,52.2%)`
HSV (or HSB)	67.3°, 50.6, 69.8
Web Safe	999966	`#999966`

CIE-LAB	70.008, -17.124, 44.247
XYZ	33.618, 40.761, 15.329
xyY	0.375, 0.454, 40.761
CIE-LCH	70.008, 47.445, 111.156
CIE-LUV	70.008, -2.95, 56.923
Hunter-Lab	63.844, -17.737, 30.456
Binary	10100111, 10110010, 01011000

#a7b258
```
#a7b258 rgb(167,178,88)
```
#6358b2
```
#6358b2 rgb(99,88,178)
```

Complementary Color

#b29058
```
#b29058 rgb(178,144,88)
```
#a7b258
```
#a7b258 rgb(167,178,88)
```
#7ab258
```
#7ab258 rgb(122,178,88)
```

Analogous Color

#9058b2
```
#9058b2 rgb(144,88,178)
```
#a7b258
```
#a7b258 rgb(167,178,88)
```
#587ab2
```
#587ab2 rgb(88,122,178)
```

Split Complementary Color

#b258a7
```
#b258a7 rgb(178,88,167)
```
#a7b258
```
#a7b258 rgb(167,178,88)
```
#58a7b2
```
#58a7b2 rgb(88,167,178)
```

Triadic Color

#b26358
```
#b26358 rgb(178,99,88)
```
#a7b258
```
#a7b258 rgb(167,178,88)
```
#58a7b2
```
#58a7b2 rgb(88,167,178)
```
#6358b2
```
#6358b2 rgb(99,88,178)
```

Tetradic Color

#79823c
```
#79823c rgb(121,130,60)
```
#899344
```
#899344 rgb(137,147,68)
```
#9aa54c
```
#9aa54c rgb(154,165,76)
```
#a7b258
```
#a7b258 rgb(167,178,88)
```
#b0ba69
```
#b0ba69 rgb(176,186,105)
```
#b9c27b
```
#b9c27b rgb(185,194,123)
```
#c3ca8c
```
#c3ca8c rgb(195,202,140)
```

Monochromatic Color

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

#b2a758
```
#b2a758 rgb(178,167,88)
```
#b2ae58
```
#b2ae58 rgb(178,174,88)
```
#afb258
```
#afb258 rgb(175,178,88)
```
#a7b258
```
#a7b258 rgb(167,178,88)
```
#a0b258
```
#a0b258 rgb(160,178,88)
```
#98b258
```
#98b258 rgb(152,178,88)
```
#91b258
```
#91b258 rgb(145,178,88)
```

Similar Colors

Text with hexadecimal color #a7b258

This text has a font color of #a7b258.

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

#a7b258 background color

This paragraph has a background color of #a7b258.

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

#a7b258 border color

This element has a border color of #a7b258.

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

CSS codes

.text {color:#a7b258;}

.background {background-color:#a7b258;}

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

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

#070803
```
#070803 rgb(7,8,3)
```
#14150a
```
#14150a rgb(20,21,10)
```
#202210
```
#202210 rgb(32,34,16)
```
#2d3016
```
#2d3016 rgb(45,48,22)
```
#393d1c
```
#393d1c rgb(57,61,28)
```
#464b22
```
#464b22 rgb(70,75,34)
```
#525829
```
#525829 rgb(82,88,41)
```
#5f662f
```
#5f662f rgb(95,102,47)
```
#6b7335
```
#6b7335 rgb(107,115,53)
```
#78803b
```
#78803b rgb(120,128,59)
```
#848e41
```
#848e41 rgb(132,142,65)
```
#919b48
```
#919b48 rgb(145,155,72)
```
#9ea94e
```
#9ea94e rgb(158,169,78)
```

Shade Color Variation

#a7b258
```
#a7b258 rgb(167,178,88)
```
#aeb865
```
#aeb865 rgb(174,184,101)
```
#b5be73
```
#b5be73 rgb(181,190,115)
```
#bcc580
```
#bcc580 rgb(188,197,128)
```
#c3cb8e
```
#c3cb8e rgb(195,203,142)
```
#cad19b
```
#cad19b rgb(202,209,155)
```
#d1d7a9
```
#d1d7a9 rgb(209,215,169)
```
#d9ddb6
```
#d9ddb6 rgb(217,221,182)
```
#e0e4c3
```
#e0e4c3 rgb(224,228,195)
```
#e7ead1
```
#e7ead1 rgb(231,234,209)
```
#eef0de
```
#eef0de rgb(238,240,222)
```
#f5f6ec
```
#f5f6ec rgb(245,246,236)
```
#fcfcf9
```
#fcfcf9 rgb(252,252,249)
```

Tint Color Variation

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

#8b8c7e
```
#8b8c7e rgb(139,140,126)
```
#929674
```
#929674 rgb(146,150,116)
```
#999f6b
```
#999f6b rgb(153,159,107)
```
#a0a961
```
#a0a961 rgb(160,169,97)
```
#a7b258
```
#a7b258 rgb(167,178,88)
```
#aebb4f
```
#aebb4f rgb(174,187,79)
```
#b5c545
```
#b5c545 rgb(181,197,69)
```
#bcce3c
```
#bcce3c rgb(188,206,60)
```
#c3d832
```
#c3d832 rgb(195,216,50)
```
#cae129
```
#cae129 rgb(202,225,41)
```
#d2ea20
```
#d2ea20 rgb(210,234,32)
```
#d9f416
```
#d9f416 rgb(217,244,22)
```
#e0fd0d
```
#e0fd0d rgb(224,253,13)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a5a795 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0af5e Protanopia 1% of men
#d4a765 Deuteranopia 1% of men
#b6acb8 Tritanopia 0.001% of the population

Trichromacy

#b7b05c Protanomaly 1% of men, 0.01% of women
#c4ab60 Deuteranomaly 6% of men, 0.4% of women
#b1ae95 Tritanomaly 0.01% of the population