Benannte Farbe · #482400
Ibex Brown
Ibex Brown ist #482400: rgb(72 36 0), hsl(30 100% 14%), oklch(0.303 0.071 59.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Ibex Brown color name →
#482400
oklch(0.303 0.071 59.4)
Farbumrechnungen
- HEX
- #482400
- RGB
- rgb(72 36 0)
- HSL
- hsl(30 100% 14%)
- HWB
- hwb(30 0% 72%)
- OKLCH
- oklch(0.303 0.071 59.4)
- OKLab
- oklab(0.303 0.036 0.062)
- CIE Lab
- lab(18.83 15.51 27.53)
- LCH
- lch(18.83 31.6 60.6)
- CMYK
- cmyk(0% 50% 100% 72%)
Tints · Shades · Tones
Tints
- 59371A
- 6B4B32
- 7D604A
- 8F7562
- A18B7A
- B3A194
- C6B8AE
- D9CFC8
- ECE7E3
Shades
- 3D1E00
- 331800
- 291200
- 1F0C00
- 160700
- 0D0400
- 060200
- 020000
- 000000
Tones
- 4E2D0F
- 54361D
- 5A3F2A
- 5F4836
- 655142
- 6B5A4E
- 70645A
- 756D67
- 7B7673
Farbharmonien
Komplementär +180°
- 482400
Ibex Brown
- 00324D
≈ Dark Denim Blue
Analog -30° +30°
- 482400
Ibex Brown
- 4C1E18
≈ Tobi Brown
- 3B2D00
≈ Hidden Passage
Triadisch +120° +240°
- 482400
Ibex Brown
- 00372F
≈ Night Turquoise
- 34254D
≈ Parachute Purple
Geteilt komplementär +150° +210°
- 482400
Ibex Brown
- 00353D
≈ Artist Blue
- 202C52
≈ Pico Void
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 13.74:1 · APCA Lc 100
Ag
FailAuf Schwarz
WCAG 1.52:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 13.74:1 (AAA) · APCA Lc 100
Contrast pairs
Code-Snippets
CSS
:root {
--ibex-brown: #482400;
--ibex-brown-rgb: 72 36 0;
--ibex-brown-oklch: oklch(0.303 0.071 59.4);
}
.element {
color: var(--ibex-brown);
background-color: hsl(30 100% 14%);
border-color: oklch(0.303 0.071 59.4);
}Tailwind CSS v4
@theme {
--color-ibex-brown: #482400;
--color-ibex-brown-50: #fff1e1;
--color-ibex-brown-100: #fae3d0;
--color-ibex-brown-200: #ecceb6;
--color-ibex-brown-300: #d3b093;
--color-ibex-brown-400: #bf9574;
--color-ibex-brown-500: #aa7b55;
--color-ibex-brown-600: #8f6848;
--color-ibex-brown-700: #73533a;
--color-ibex-brown-800: #553c29;
--color-ibex-brown-900: #3c291c;
--color-ibex-brown-950: #25170c;
}SCSS
$ibex-brown: #482400;
$ibex-brown-rgb: 72, 36, 0;
$ibex-brown-light: mix(#fff, $ibex-brown, 20%);
$ibex-brown-dark: mix(#000, $ibex-brown, 20%);
.element {
color: $ibex-brown;
box-shadow: 0 0 0 2px rgba($ibex-brown, 0.35);
}