Benannte Farbe · #916238
Oregon Hazel
Oregon Hazel ist #916238: rgb(145 98 56), hsl(28 44% 39%), oklch(0.537 0.084 61.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Oregon Hazel color name →
#916238
oklch(0.537 0.084 61.3)
Farbumrechnungen
- HEX
- #916238
- RGB
- rgb(145 98 56)
- HSL
- hsl(28 44% 39%)
- HWB
- hwb(28 22% 43%)
- OKLCH
- oklch(0.537 0.084 61.3)
- OKLab
- oklab(0.537 0.04 0.074)
- CIE Lab
- lab(46.04 16.31 31.66)
- LCH
- lch(46.04 35.61 62.7)
- CMYK
- cmyk(0% 32% 61% 43%)
Tints · Shades · Tones
Tints
- 9C714C
- A7805F
- B28F72
- BD9F86
- C8AE99
- D3BEAD
- DECEC1
- E9DED5
- F4EFEA
Shades
- 7D542F
- 6A4727
- 583A1F
- 462D17
- 35210F
- 251608
- 150B04
- 070301
- 010000
Tones
- 906540
- 8E6848
- 8D6C50
- 8B6F57
- 8A725E
- 887565
- 86786C
- 847A73
- 827D79
Farbharmonien
Komplementär +180°
- 916238
Oregon Hazel
- 3D749A
≈ Phenomenon
Analog -30° +30°
- 916238
Oregon Hazel
- 985B4F
≈ Spicy Cayenne
- 806C2F
≈ Time Honoured
Triadisch +120° +240°
- 916238
Oregon Hazel
- 267E71
≈ Elegant Silk
- 766297
≈ Purple Paradise
Geteilt komplementär +150° +210°
- 916238
Oregon Hazel
- 207B8A
≈ Bermuda
- 5C6B9F
≈ Moonshade
Tetradisch +90° +180° +270°
- 916238
Oregon Hazel
- 467C55
≈ Rokushō Green
- 3D749A
≈ Phenomenon
- 8A5B84
≈ Dewberry
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.23:1 · APCA Lc 76
Ag
FailAuf Schwarz
WCAG 4.00:1 · APCA Lc 26
Beste Textfarbe: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--oregon-hazel: #916238;
--oregon-hazel-rgb: 145 98 56;
--oregon-hazel-oklch: oklch(0.537 0.084 61.3);
}
.element {
color: var(--oregon-hazel);
background-color: hsl(28 44% 39%);
border-color: oklch(0.537 0.084 61.3);
}Tailwind CSS v4
@theme {
--color-oregon-hazel: #916238;
--color-oregon-hazel-50: #fff1dd;
--color-oregon-hazel-100: #fde3cc;
--color-oregon-hazel-200: #efcdb0;
--color-oregon-hazel-300: #d7af8b;
--color-oregon-hazel-400: #c3936b;
--color-oregon-hazel-500: #ae7949;
--color-oregon-hazel-600: #93663f;
--color-oregon-hazel-700: #765232;
--color-oregon-hazel-800: #583b24;
--color-oregon-hazel-900: #3d2918;
--color-oregon-hazel-950: #271609;
}SCSS
$oregon-hazel: #916238;
$oregon-hazel-rgb: 145, 98, 56;
$oregon-hazel-light: mix(#fff, $oregon-hazel, 20%);
$oregon-hazel-dark: mix(#000, $oregon-hazel, 20%);
.element {
color: $oregon-hazel;
box-shadow: 0 0 0 2px rgba($oregon-hazel, 0.35);
}