Is Med. yellowish orange an official BrickColor?

BrickColor ID 121 uses RGB 231, 172, 88 from the public BrickColor table. HEX #E7AC58 is a calculated sRGB encoding of that RGB.

BrickColor 121

Med. yellowish orange

Official RGB 231, 172, 88. HEX, HSL, and OKLCH below are calculated conversions.

Open color page

Med. yellowish orange (BrickColor 121)

#E7AC58

Accessibility

AAA

10.44:1

Vs white / black

2.01:1 · 10.44:1

Sources

Library color

Codes

Formats

HEX

#e7ac58

RGB

rgb(231, 172, 88)

RGBA

rgba(231, 172, 88, 1)

HSL

hsl(35, 75%, 63%)

HSLA

hsla(35, 75%, 63%, 1)

HSV

hsv(35, 62%, 91%)

LAB

lab(74.32% 12.9 50.77)

LCH

lch(74.32% 52.38 75.74)

OKLAB

oklab(0.7834 0.0338 0.1176)

OKLCH

oklch(0.7834 0.1224 73.96)

XYZ

xyz(49.47, 47.20, 15.74)

CMYK

cmyk(0%, 26%, 62%, 9%)

CSS

color: #e7ac58;

CSS variable

--color-e7ac58: #e7ac58;

SCSS

$color-e7ac58: #e7ac58;

JavaScript

const color = "#e7ac58";

TypeScript

const color: string = "#e7ac58";

React

style={{ backgroundColor: "#e7ac58" }}

JSON

{ "hex": "#e7ac58", "rgb": { "r": 231, "g": 172, "b": 88 }, "oklch": "oklch(0.7834 0.1224 73.96)" }

Export

Developer code

css

:root {
  --med.-yellowish-orange-(brickcolor-121)-1: #e7ac58;
}

Design systems

Nearest official tokens

An arbitrary HEX is not an official Tailwind, Material, or Bootstrap color. Distance is CIEDE2000.

Nearest Tailwind color

orange-300

Very different · ΔE 5.85 · #FDBA74

Nearest CSS named color

GoldenRod

Very different · ΔE 7.2 · #DAA520

Nearest Material color

orange-300

Noticeably different · ΔE 4.92 · #FFB74D

Nearest Bootstrap color

warning

Very different · ΔE 10.75 · #FFC107

OKLCH

Perceptual 50–950 scale

Generated in OKLCH from this hex. Not an official Tailwind scale unless the hex itself is a Tailwind token.

50ffefbe 100ffe1ac 200facb8d 300e8b36b 400cf953f 500b1791c 600956513 700795008 8005d3c00 900432900 9502b1500

Palette

Tints & shades

Full scale from light tints through the base color into deep shades

fdf8f1 fbf1e3 f9ead5 f7e3c7 f5dcb9 f3d6ac f1cf9e efc890 edc182 ebba74 e9b366 e7ac58 d49e51 c18f49 ad8142 9a733b 876433 74562c 604825 4d391d 3a2b16 261d0f 130e07

Palette

Tints

Mixed toward white — soft backgrounds and highlights

fdf8f1 fbf1e3 f9ead5 f7e3c7 f5dcb9 f3d6ac f1cf9e efc890 edc182 ebba74 e9b366

Palette

Shades

Mixed toward black — depth, text, and emphasis

d49e51 c18f49 ad8142 9a733b 876433 74562c 604825 4d391d 3a2b16 261d0f 130e07

Palette

Tones

Mixed toward neutral grey — muted UI surfaces

dea85b d6a55f cda162 c59d65 bc9a69 b4966c ab926f a28f73 9a8b76 918779 89847d

Harmony

Complementary

Opposite on the color wheel for contrast

#E7AC58Stop 1 #5A95E7Stop 2

Harmony

Analogous

Neighbors that sit comfortably together

#E7665AStop 1 #E7AC58Stop 2 #DCE75AStop 3

Harmony

Triadic

Evenly spaced triad for vibrant sets

#E7AC58Stop 1 #5AE7ACStop 2 #AC5AE7Stop 3

Harmony

Split complementary

Base plus two accents beside the complement

#E7AC58Stop 1 #5ADCE7Stop 2 #665AE7Stop 3

Harmony

Monochromatic

Same hue, varied lightness and saturation

#59390DStop 1 #9C6416Stop 2 #DF8F20Stop 3 #E9B163Stop 4 #F2D2A6Stop 5

Using this color

Where #e7ac58 works

Med. yellowish orange (BrickColor 121) (#e7ac58) sits in the blue family at about 35° hue, 75% saturation, and 63% lightness. Contrast is 2.01:1 on white and 10.44:1 on black, so near-black labels read more clearly on the swatch itself. Nearest Tailwind token: orange-300 (approximation unless the hex is an official scale stop).

Sensible jobs for this swatch

supporting UI accents
text or icons on charcoal / dark mode

Do not use #e7ac58 as small body text on white — 2.01:1 misses WCAG AA (4.5:1). Pair it with a darker shade from the scale below, or check pairs in the contrast checker.

Family context: Trust, calm, and professionalism. The most used color in SaaS, finance, and healthcare. Common uses still include buttons, charts, and accents in the Blue range — always verify the pair for this exact hex in the contrast checker.

Where #e7ac58 works

Sensible jobs for this swatch

supporting UI accents

text or icons on charcoal / dark mode

Do not use #e7ac58 as small body text on white — 2.01:1 misses WCAG AA (4.5:1). Pair it with a darker shade from the scale below, or check pairs in the contrast checker.