Nazwany kolor · #916238
Oregon Hazel
Oregon Hazel to #916238: rgb(145 98 56), hsl(28 44% 39%), oklch(0.537 0.084 61.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Oregon Hazel color name →
#916238
oklch(0.537 0.084 61.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9C714C
- A7805F
- B28F72
- BD9F86
- C8AE99
- D3BEAD
- DECEC1
- E9DED5
- F4EFEA
Odcienie ciemniejsze
- 7D542F
- 6A4727
- 583A1F
- 462D17
- 35210F
- 251608
- 150B04
- 070301
- 010000
Tony
- 906540
- 8E6848
- 8D6C50
- 8B6F57
- 8A725E
- 887565
- 86786C
- 847A73
- 827D79
Harmonie kolorów
Komplementarna +180°
- 916238
Oregon Hazel
- 3D749A
≈ Phenomenon
Analogowa -30° +30°
- 916238
Oregon Hazel
- 985B4F
≈ Spicy Cayenne
- 806C2F
≈ Time Honoured
Triada +120° +240°
- 916238
Oregon Hazel
- 267E71
≈ Elegant Silk
- 766297
≈ Purple Paradise
Komplementarna rozszczepiona +150° +210°
- 916238
Oregon Hazel
- 207B8A
≈ Bermuda
- 5C6B9F
≈ Moonshade
Tetrada +90° +180° +270°
- 916238
Oregon Hazel
- 467C55
≈ Rokushō Green
- 3D749A
≈ Phenomenon
- 8A5B84
≈ Dewberry
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.23:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 4.00:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
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);
}