Pikka Logo Pikka
Chrome App
Warm Radiant Honey Amber Gold Category: Yellow

Golden Ochre (#D99B26) — Color Codes, Meaning & UI Palettes

Golden Ochre (#D99B26) is a warm, luminous earth tone with golden amber and raw honey undertones. Traditionally sourced from natural iron oxide clay, ochre is one of humanity's oldest pigments, evoking radiant harvest warmth, craftsmanship, and grounded optimism.

Quick Answer (Golden Ochre Color Code): The exact HEX code for Golden Ochre is #D99B26. In RGB, it is rgb(217, 155, 38). In HSL, it is hsl(39deg, 70%, 50%), and its print CMYK formulation is cmyk(0%, 29%, 82%, 15%). It has a relative luminance of 0.383 and pairs best in UI design with Pure White (#FFFFFF) and Deep Obsidian (#0A0B0E).
Click to Copy HEX
Golden Ochre
#D99B26
HEX
#D99B26
RGB
rgb(217, 155, 38)
HSL
hsl(39deg, 70%, 50%)
CMYK (Print)
cmyk(0%, 29%, 82%, 15%)
Apple Display P3
color(display-p3 0.851 0.608 0.149)

WCAG 2.1 Accessibility & Contrast Rating

White Text (#FFFFFF) 2.42:1 (Fail)
Black Text (#000000) 8.67:1 (AAA)

11-Step Tints & Shades Scale (Tailwind 50–950)

Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:

50
#FDF9F2
100
#F9EFDC
200
#F3DFBA
300
#EBCB8E
400
#E2B35A
500
#D99B26
600
#AE7C1E
700
#825D17
800
#573E0F
900
#302208
950
#1A1305

Color Harmonies & Palette Schemes

Complementary

#2665D9
Opposite 180° Contrast

Analogous -30°

#D94126
Natural Harmony

Analogous +30°

#BED926
Natural Harmony

Triadic +120°

#26D99A
120° Balanced Triad

Triadic +240°

#9A26D9
120° Balanced Triad

Curated UI Design Pairings for Golden Ochre

An exceptional warm accent for creative agencies, fintech badges, and dark UI interfaces. Provides rich contrast against deep obsidian (#0A0B0E) and slate charcoals without the harsh glare of neon yellow.

Pure White
#FFFFFF
Crisp High-Contrast Text
Deep Obsidian
#0A0B0E
Dark Theme Background
Teal Cyan
#0D9488
Cool Complementary Contrast
Warm Cream
#FAF7F2
Soft Editorial Surface

Export Golden Ochre Code Snippets

CSS Variable --color-golden-ochre: #D99B26;
Tailwind Config 'golden-ochre': '#D99B26'
Swift / SwiftUI Color(hex: "#D99B26")
JSON Design Token {"name": "Golden Ochre", "hex": "#D99B26"}

Frequently Asked Questions About Golden Ochre (#D99B26)

What is the exact HEX code for Golden Ochre?

The exact HEX code for Golden Ochre is #D99B26. In 8-digit hexadecimal (with 100% opacity), it is #D99B26FF. Its RGB decimal equivalent is rgb(217, 155, 38) and its HSL value is hsl(39deg, 70%, 50%).

What colors go best with Golden Ochre in UI and web design?

Golden Ochre pairs exceptionally well with Pure White (#FFFFFF), Deep Obsidian (#0A0B0E), Teal Cyan (#0D9488), and Warm Cream (#FAF7F2).

How do I use Golden Ochre in CSS and Tailwind CSS?

In standard CSS, apply it directly via color: #D99B26; or background-color: #D99B26;. In Tailwind CSS, use arbitrary value syntax like bg-[#d99b26] or text-[#d99b26], or define it in your Tailwind v4 @theme block as --color-golden-ochre: #D99B26;.

Is Golden Ochre WCAG accessible for readable text?

Against a pure white background (#FFFFFF), Golden Ochre achieves a contrast ratio of 2.42:1 (Fail). Against a pure black background (#000000), it achieves 8.67:1 (AAA). Check custom contrast pairings on Pikka's WCAG Contrast Checker.

Explore More Colors in the Dictionary

Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.

Named Color Dictionary Interactive Color Wheel Tint & Shade Generator