Colore con nome · #482400
Ibex Brown
Ibex Brown è #482400: rgb(72 36 0), hsl(30 100% 14%), oklch(0.303 0.071 59.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Ibex Brown color name →
#482400
oklch(0.303 0.071 59.4)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 59371A
- 6B4B32
- 7D604A
- 8F7562
- A18B7A
- B3A194
- C6B8AE
- D9CFC8
- ECE7E3
Ombre
- 3D1E00
- 331800
- 291200
- 1F0C00
- 160700
- 0D0400
- 060200
- 020000
- 000000
Toni
- 4E2D0F
- 54361D
- 5A3F2A
- 5F4836
- 655142
- 6B5A4E
- 70645A
- 756D67
- 7B7673
Armonie di colore
Complementare +180°
- 482400
Ibex Brown
- 00324D
≈ Dark Denim Blue
Analogo -30° +30°
- 482400
Ibex Brown
- 4C1E18
≈ Tobi Brown
- 3B2D00
≈ Hidden Passage
Triadico +120° +240°
- 482400
Ibex Brown
- 00372F
≈ Night Turquoise
- 34254D
≈ Parachute Purple
Complementare divisa +150° +210°
- 482400
Ibex Brown
- 00353D
≈ Artist Blue
- 202C52
≈ Pico Void
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 13.74:1 · APCA Lc 100
Ag
FailSu nero
WCAG 1.52:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 13.74:1 (AAA) · APCA Lc 100
Contrast pairs
Frammenti di codice
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);
}