Skip to content
PantoneTools
orange
Open Color

Yellow 9

yellow-9 · #E67700

HEX

#E67700

RGB

rgb(230, 119, 0)

CMYK

cmyk(0%, 48%, 100%, 10%)

HSL

hsl(31, 100%, 45%)

LAB

lab(61.7, 37.5, 69.0)

What is Yellow 9?

Yellow 9 is the yellow-9 reference in the Open Color. Its sRGB value is #E67700 (rgb 230, 119, 0). It sits in the orange family. Open Color, an open-source color palette by Heeyeun designed for UI work. 13 hues across 10 shades (0 to 9) tuned for screen legibility and accessibility. See disclaimer for accuracy and trademark notes.

Accessibility

WCAG 2.1 contrast checks for Yellow 9 as a background.

Black text on this color

Sample text · 7.00 : 1
AA Normal
AA Large
AAA Normal
AAA Large

White text on this color

Sample text · 3.00 : 1
AA Normal
AA Large
AAA Normal
AAA Large

Shades, tints & tonal scale of Yellow 9

An 11-step tonal scale derived from Yellow 9 (#E67700). Click any swatch to copy its HEX. Use these as a starting point for design tokens, hover states, and disabled states in a design system.

Copied #FDF4EB

50

#FDF4EB

#FDF4EB

Copied #FBE9D6

100

#FBE9D6

#FBE9D6

Copied #F7D3AD

200

#F7D3AD

#F7D3AD

Copied #F3BB80

300

#F3BB80

#F3BB80

Copied #EC9940

400

#EC9940

#EC9940

Copied #E67700

500

#E67700

#E67700

Copied #C46500

600

#C46500

#C46500

Copied #964D00

700

#964D00

#964D00

Copied #683600

800

#683600

#683600

Copied #3A1E00

900

#3A1E00

#3A1E00

Copied #1C0E00

950

#1C0E00

#1C0E00

Lighter tints (mixed with white)

Copied #EA966C

15%

#EA966C

Copied #EEAF95

30%

#EEAF95

Copied #F2C4B3

45%

#F2C4B3

Copied #F5D6CB

60%

#F5D6CB

Copied #F9E7E1

75%

#F9E7E1

Darker shades (mixed with black)

Copied #D66E00

15%

#D66E00

Copied #C46500

30%

#C46500

Copied #B05A00

45%

#B05A00

Copied #994D00

60%

#994D00

Copied #7B3D00

75%

#7B3D00

Color harmonies for Yellow 9

Classic color-theory harmonies derived from rotating the hue of Yellow 9. Use these to build accent palettes, brand systems, and accessible UI color pairings.

Complementary

180° opposite — strongest contrast

Copied #E67700

#E67700

#E67700

Copied #006FE6

#006FE6

#006FE6

Triadic

Three colors 120° apart

Copied #E67700

#E67700

#E67700

Copied #00E677

#00E677

#00E677

Copied #7700E6

#7700E6

#7700E6

Analogous

Two neighbors ±30° on the wheel

Copied #E60400

#E60400

#E60400

Copied #E67700

#E67700

#E67700

Copied #E2E600

#E2E600

#E2E600

Split-complementary

Base + two colors flanking its complement

Copied #E67700

#E67700

#E67700

Copied #00E2E6

#00E2E6

#00E2E6

Copied #0400E6

#0400E6

#0400E6

Tetradic

Two complementary pairs

Copied #E67700

#E67700

#E67700

Copied #6FE600

#6FE600

#6FE600

Copied #006FE6

#006FE6

#006FE6

Copied #7700E6

#7700E6

#7700E6

Square

Four colors evenly spaced 90° apart

Copied #E67700

#E67700

#E67700

Copied #00E604

#00E604

#00E604

Copied #006FE6

#006FE6

#006FE6

Copied #E600E2

#E600E2

#E600E2

Yellow 9 in every color space

Full conversion of Yellow 9 across the color spaces designers and developers actually use — including OKLCH (the perceptually-uniform space that powers Tailwind v4 and CSS Color Module Level 4) and HWB.

HEX

#E67700

RGB

rgb(230, 119, 0)

CMYK

cmyk(0%, 48%, 100%, 10%)

HSL

hsl(31, 100%, 45%)

HSV

hsv(31, 100%, 90%)

HWB

hwb(31 0% 10%)

CIE Lab

lab(61.7 37.5 69.0)

OKLCH

oklch(68.3% 0.169 55.0)

XYZ (D65)

xyz(39.23, 30.02, 3.73)

Copy-ready code for Yellow 9

Drop-in snippets for CSS, Tailwind, Sass, iOS Swift, and Android XML. Click the copy button on any snippet to put it on your clipboard.

CSS

color: #E67700;
background-color: #E67700;

CSS variable

:root {
  --color-yellow-9: #E67700;
}

Tailwind config

// tailwind.config.js
colors: {
  'yellow-9': '#E67700',
}

Sass

$color-yellow-9: #E67700;

Swift UIColor

UIColor(red: 0.902, green: 0.467, blue: 0.000, alpha: 1.0)

Android XML

<color name="yellow-9">#E67700</color>

Closest match in every color system

The nearest Yellow 9 equivalent in every other color system on this site, ranked by ΔE2000 perceptual distance. Useful when translating between design-system, web-standard, and industrial color references.

Closest in Open Color

Top 6 ΔE2000-closest entries within the same collection.

Top 6 ΔE2000-closest Pantone references. Cross-system matching is approximate — see disclaimer.

Top 6 ΔE2000-closest RAL Classic references for industrial coating cross-reference.

Copied #ED760E

RAL 2000

#ED760E

Yellow orange

Copied #EC7C26

RAL 2011

#EC7C26

Deep orange

Copied #FF7514

RAL 2003

#FF7514

Pastel orange

Copied #F75E25

RAL 2008

#F75E25

Bright red orange

Copied #F39F18

RAL 1037

#F39F18

Sun yellow

Copied #EFA94A

RAL 1034

#EFA94A

Pastel yellow

FAQ about Yellow 9

What is the HEX code for Yellow 9?

Yellow 9 (yellow-9) has the HEX code #E67700. In RGB it is rgb(230, 119, 0), and in CMYK it is cmyk(0%, 48%, 100%, 10%).

What is the OKLCH value of Yellow 9?

Yellow 9 converts to oklch(0.683 0.169 55.0). OKLCH is the perceptually uniform color space used by Tailwind v4 and CSS Color Module Level 4.

Is Yellow 9 accessible for body text?

Used as a background, Yellow 9 has a contrast ratio of 7.00:1 with black text and 3.00:1 with white text. WCAG 2.1 AA requires 4.5:1 for normal text. The current recommendation is to use black text and verify in real UI context.

What is the closest Pantone to Yellow 9?

The closest Pantone reference to Yellow 9 by ΔE2000 perceptual distance is Pantone 152 C (#E47200). Cross-system Pantone matching is approximate; for color-critical print work, verify with a physical Pantone guide.

What is the closest RAL color to Yellow 9?

The closest RAL Classic reference to Yellow 9 by ΔE2000 distance is RAL 2000 (Yellow orange, #ED760E). RAL is a German industrial coating standard commonly used for paint, powder coat, and architectural specification.

What is the complementary color of Yellow 9?

The complementary color (180° opposite on the HSL color wheel) of Yellow 9 is #006FE6. Use it for high-contrast accents, error states, or call-to-action pairings.

Data provenance & source

Open Color (Yeun)

Open Color, an open-source color palette by Heeyeun designed for UI designers and developers. 13 hues across 10 shades. Use as a designer-friendly palette alternative to Tailwind. Values are intentionally chosen for UI legibility and accessibility.

Source type
derived
Confidence
high
License
MIT
Last reviewed
2026-05-24

Workflow tags

open-color
design-token
ui
orange

Open Color values are tuned for digital UI. For print, treat as a starting point and proof against the substrate.

Open Color · Yellow 9 — #E67700 | PantoneTools