Benannte Farbe · #EFB91B
Oregon Trail
Oregon Trail ist #EFB91B: rgb(239 185 27), hsl(45 87% 52%), oklch(0.813 0.161 86.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Oregon Trail color name →
#EFB91B
oklch(0.813 0.161 86.6)
Farbumrechnungen
- HEX
- #efb91b
- RGB
- rgb(239 185 27)
- HSL
- hsl(45 87% 52%)
- HWB
- hwb(45 11% 6%)
- OKLCH
- oklch(0.813 0.161 86.6)
- OKLab
- oklab(0.813 0.01 0.161)
- CIE Lab
- lab(78.49 11.06 76.33)
- LCH
- lch(78.49 77.13 81.8)
- CMYK
- cmyk(0% 23% 89% 6%)
Tints · Shades · Tones
Tints
- F1C047
- F3C862
- F4CF79
- F6D68E
- F8DDA2
- F9E4B6
- FBEBC8
- FCF2DB
- FEF8ED
Shades
- D0A016
- B18911
- 94710C
- 785B08
- 5C4605
- 423102
- 2A1E01
- 140D00
- 030200
Tones
- E4B436
- D8AE46
- CDA952
- C2A35C
- B69D64
- AB986B
- A09272
- 958C77
- 8B867C
Farbharmonien
Komplementär +180°
- EFB91B
Oregon Trail
- A6C1FF
≈ Pastel Blue
Analog -30° +30°
- EFB91B
Oregon Trail
- FFAC6E
≈ Transparent Orange
- BCCE42
≈ Golden Foliage
Triadisch +120° +240°
- EFB91B
Oregon Trail
- 00DAEE
≈ Thousand Sons Blue
- F79AF8
≈ Pinkalicious
Geteilt komplementär +150° +210°
- EFB91B
Oregon Trail
- 78CDFF
≈ Bubbly Barracuda
- C8B3FF
≈ Teasel Dipsacus
Tetradisch +90° +180° +270°
- EFB91B
Oregon Trail
- 00E1BF
≈ Celestial Green
- A6C1FF
≈ Pastel Blue
- FFA1C3
≈ Taffy Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.80:1 · APCA Lc 33
Ag
AAAAuf Schwarz
WCAG 11.62:1 · APCA Lc 69
Beste Textfarbe: #000000
WCAG 11.62:1 (AAA) · APCA Lc 69
Contrast pairs
Code-Snippets
CSS
:root {
--oregon-trail: #efb91b;
--oregon-trail-rgb: 239 185 27;
--oregon-trail-oklch: oklch(0.813 0.161 86.6);
}
.element {
color: var(--oregon-trail);
background-color: hsl(45 87% 52%);
border-color: oklch(0.813 0.161 86.6);
}Tailwind CSS v4
@theme {
--color-oregon-trail: #efb91b;
--color-oregon-trail-50: #fff4c1;
--color-oregon-trail-100: #fee6aa;
--color-oregon-trail-200: #f0d181;
--color-oregon-trail-300: #d9b24a;
--color-oregon-trail-400: #c89600;
--color-oregon-trail-500: #b47a00;
--color-oregon-trail-600: #986800;
--color-oregon-trail-700: #7a5300;
--color-oregon-trail-800: #5c3c00;
--color-oregon-trail-900: #402900;
--color-oregon-trail-950: #291600;
}SCSS
$oregon-trail: #efb91b;
$oregon-trail-rgb: 239, 185, 27;
$oregon-trail-light: mix(#fff, $oregon-trail, 20%);
$oregon-trail-dark: mix(#000, $oregon-trail, 20%);
.element {
color: $oregon-trail;
box-shadow: 0 0 0 2px rgba($oregon-trail, 0.35);
}