yellowwarmCC0 survey name

Ocher #BF9B0C

Ocher is a mid-tone, vivid warm color (#BF9B0C; HSL 48° 88% 40%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “ocher”.

Use cases: Highlights · Warm accents

Open in generator →

Families: Yellows · Golds · Mustard Colors

Color values

FormatValue
HEX#BF9B0C
RGBrgb(191, 155, 12)
HSLhsl(48, 88%, 40%)
HSVhsv(48, 94%, 75%)
OKLCHoklch(70.23% 0.142 91.8)
OKLaboklab(70.23% -0.0044 0.1414)
CMYKcmyk(0%, 18.8%, 93.7%, 25.1%)
XYZxyz(33.2757, 34.5478, 5.2635)
CIE-LABlab(65.4, 1.6, 67.5)
CIE-LCHlch(65.4, 67.5, 88.7°)
Luminance0.345 (WCAG relative)
/* Ocher */ --ocher: #bf9b0c; color: #bf9b0c; background-color: #bf9b0c;

Source: xkcd color survey name (public domain, CC0). CSS keyword: ocher.

Collections: Vibrant Colors · Jewel Tone Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#aa8a11 #967a13 #826a14 #6f5a15 #5c4b14 #4a3c13 #392e11 #28210e #191407 #000000

Tints (toward white)

#c8a431 #d0ae4b #d8b862 #dfc178 #e6cb8e #ecd5a5 #f2e0bb #f7ead1 #fbf4e8 #ffffff

Tones (toward gray)

#bd9b27 #bc9b39 #ba9c48 #b79c55 #b49c62 #b19d6e #ad9d7b #a99e87 #a49e93 #9f9f9f

Color harmonies

Complementary

Edit in generator →
#BF9B0C
#0C30BF
#bf9b0c #0c30bf

Analogous

Edit in generator →
#BF420C
#BF9B0C
#8ABF0C
#bf420c #bf9b0c #8abf0c

Triadic

Edit in generator →
#BF9B0C
#0CBF9B
#9B0CBF
#bf9b0c #0cbf9b #9b0cbf

Tetradic

Edit in generator →
#BF9B0C
#0CBF42
#0C30BF
#BF0C8A
#bf9b0c #0cbf42 #0c30bf #bf0c8a

Square

Edit in generator →
#BF9B0C
#0CBF42
#0C30BF
#BF0C8A
#bf9b0c #0cbf42 #0c30bf #bf0c8a

Split Complementary

Edit in generator →
#BF9B0C
#0C8ABF
#420CBF
#bf9b0c #0c8abf #420cbf

Monochromatic

Edit in generator →
#4C3E05
#856C08
#BF9B0C
#F0C518
#F4D351
#4c3e05 #856c08 #bf9b0c #f0c518 #f4d351

Accessibility & contrast

2.66
#BF9B0C on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
7.91
#BF9B0C on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on ocher

7.91
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#AE9900
Deuteranopia (green-blind)
#B7A31C
Tritanopia (blue-blind)
#D08D84

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Ocre #C69C041.77
Yellow Brown #B794002.24
Dark Gold #B594102.54
Yellow Ochre #CB9D062.97
Brown Yellow #B297053.09
Ochre #BF90054.42

Colors that go with ocher

Top matches by hue harmony, contrast and saturation compatibility.

Poo #8F7303
1.7:1
Same hue family as ocher (Δh 0°) — guaranteed harmony
Rust #B7410E
2.1:1
Analogous hue (Δh ≈30°) — neighbors on the color wheel
Dark Violet #34013F
6.5:1
Triadic harmony (Δh ≈119°) — balanced three-way contrast
Dark Indigo #1F0954
6.5:1
Split-complementary angle (Δh ≈150°) — strong but softer than direct complement
Royal #0C1793
5.1:1
Complementary hue (Δh ≈173°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.