colorhexa.com

#b28f02 hex color

In a RGB color space, hex #b28f02 is composed of 69.8% red, 56.1% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.7% magenta, 98.9% yellow and 30.2% black. It has a hue angle of 48.1 degrees, a saturation of 97.8% and a lightness of 35.3%. #b28f02 color hex could be obtained by blending #ffff04 with #651f00. Closest websafe color is: #999900.

- R 70
- G 56
- B 1
RGB color chart
- C 0
- M 20
- Y 99
- K 30
CMYK color chart

● #b28f02 color description : Dark yellow [Olive tone].

The hexadecimal color #b28f02 has RGB values of R:178, G:143, B:2 and CMYK values of C:0, M:0.2, Y:0.99, K:0.3. Its decimal value is 11702018.

Hex triplet	b28f02	`#b28f02`
RGB Decimal	178, 143, 2	`rgb(178,143,2)`
RGB Percent	69.8, 56.1, 0.8	`rgb(69.8%,56.1%,0.8%)`
CMYK	0, 20, 99, 30
HSL	48.1°, 97.8, 35.3	`hsl(48.1,97.8%,35.3%)`
HSV (or HSB)	48.1°, 98.9, 69.8
Web Safe	999900	`#999900`

CIE-LAB	60.884, 2.065, 65.023
XYZ	28.194, 29.116, 4.192
xyY	0.458, 0.473, 29.116
CIE-LCH	60.884, 65.056, 88.181
CIE-LUV	60.884, 30.344, 63.662
Hunter-Lab	53.959, -1.16, 33.165
Binary	10110010, 10001111, 00000010

#b28f02
```
#b28f02 rgb(178,143,2)
```
#0225b2
```
#0225b2 rgb(2,37,178)
```

Complementary Color

#b23702
```
#b23702 rgb(178,55,2)
```
#b28f02
```
#b28f02 rgb(178,143,2)
```
#7db202
```
#7db202 rgb(125,178,2)
```

Analogous Color

#3702b2
```
#3702b2 rgb(55,2,178)
```
#b28f02
```
#b28f02 rgb(178,143,2)
```
#027db2
```
#027db2 rgb(2,125,178)
```

Split Complementary Color

#8f02b2
```
#8f02b2 rgb(143,2,178)
```
#b28f02
```
#b28f02 rgb(178,143,2)
```
#02b28f
```
#02b28f rgb(2,178,143)
```

Triadic Color

#665201
```
#665201 rgb(102,82,1)
```
#806601
```
#806601 rgb(128,102,1)
```
#997b02
```
#997b02 rgb(153,123,2)
```
#b28f02
```
#b28f02 rgb(178,143,2)
```
#cba302
```
#cba302 rgb(203,163,2)
```
#e4b803
```
#e4b803 rgb(228,184,3)
```
#fccb04
```
#fccb04 rgb(252,203,4)
```

Monochromatic Color

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

#b26302
```
#b26302 rgb(178,99,2)
```
#b27202
```
#b27202 rgb(178,114,2)
```
#b28002
```
#b28002 rgb(178,128,2)
```
#b28f02
```
#b28f02 rgb(178,143,2)
```
#b29e02
```
#b29e02 rgb(178,158,2)
```
#b2ac02
```
#b2ac02 rgb(178,172,2)
```
#a9b202
```
#a9b202 rgb(169,178,2)
```

Similar Colors

Text with hexadecimal color #b28f02

This text has a font color of #b28f02.

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

#b28f02 background color

This paragraph has a background color of #b28f02.

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

#b28f02 border color

This element has a border color of #b28f02.

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

CSS codes

.text {color:#b28f02;}

.background {background-color:#b28f02;}

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

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

#030300
```
#030300 rgb(3,3,0)
```
#171200
```
#171200 rgb(23,18,0)
```
#2a2200
```
#2a2200 rgb(42,34,0)
```
#3e3201
```
#3e3201 rgb(62,50,1)
```
#514101
```
#514101 rgb(81,65,1)
```
#645101
```
#645101 rgb(100,81,1)
```
#786001
```
#786001 rgb(120,96,1)
```
#8b7002
```
#8b7002 rgb(139,112,2)
```
#9f7f02
```
#9f7f02 rgb(159,127,2)
```
#b28f02
```
#b28f02 rgb(178,143,2)
```
#c59f02
```
#c59f02 rgb(197,159,2)
```
#d9ae02
```
#d9ae02 rgb(217,174,2)
```
#ecbe03
```
#ecbe03 rgb(236,190,3)
```

Shade Color Variation

#fccb06
```
#fccb06 rgb(252,203,6)
```
#fccf1a
```
#fccf1a rgb(252,207,26)
```
#fdd32d
```
#fdd32d rgb(253,211,45)
```
#fdd740
```
#fdd740 rgb(253,215,64)
```
#fddb54
```
#fddb54 rgb(253,219,84)
```
#fddf67
```
#fddf67 rgb(253,223,103)
```
#fee37b
```
#fee37b rgb(254,227,123)
```
#fee88e
```
#fee88e rgb(254,232,142)
```
#feeca1
```
#feeca1 rgb(254,236,161)
```
#fef0b5
```
#fef0b5 rgb(254,240,181)
```
#fef4c8
```
#fef4c8 rgb(254,244,200)
```
#fff8dc
```
#fff8dc rgb(255,248,220)
```
#fffcef
```
#fffcef rgb(255,252,239)
```

Tint Color Variation

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

#5f5d55
```
#5f5d55 rgb(95,93,85)
```
#66614e
```
#66614e rgb(102,97,78)
```
#6d6547
```
#6d6547 rgb(109,101,71)
```
#746940
```
#746940 rgb(116,105,64)
```
#7b6e39
```
#7b6e39 rgb(123,110,57)
```
#827232
```
#827232 rgb(130,114,50)
```
#88762c
```
#88762c rgb(136,118,44)
```
#8f7a25
```
#8f7a25 rgb(143,122,37)
```
#967e1e
```
#967e1e rgb(150,126,30)
```
#9d8217
```
#9d8217 rgb(157,130,23)
```
#a48710
```
#a48710 rgb(164,135,16)
```
#ab8b09
```
#ab8b09 rgb(171,139,9)
```
#b28f02
```
#b28f02 rgb(178,143,2)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#918a6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab980e Protanopia 1% of men
#be9113 Deuteranopia 1% of men
#bd8a94 Tritanopia 0.001% of the population

Trichromacy

#ad9509 Protanomaly 1% of men, 0.01% of women
#ba900d Deuteranomaly 6% of men, 0.4% of women
#b98c5f Tritanomaly 0.01% of the population