Colore con nome · #7F5400
Intense Brown
Intense Brown è #7F5400: rgb(127 84 0), hsl(40 100% 25%), oklch(0.481 0.102 74.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Intense Brown color name →
#7F5400
oklch(0.481 0.102 74.8)
Conversioni di colore
- HEX
- #7f5400
- RGB
- rgb(127 84 0)
- HSL
- hsl(40 100% 25%)
- HWB
- hwb(40 0% 50%)
- OKLCH
- oklch(0.481 0.102 74.8)
- OKLab
- oklab(0.481 0.027 0.098)
- CIE Lab
- lab(39.71 14.05 47.84)
- LCH
- lch(39.71 49.86 73.6)
- CMYK
- cmyk(0% 34% 100% 50%)
Tinte · Ombre · Toni
Tinte
- 8C6428
- 987542
- A5855A
- B29671
- BEA788
- CBB89F
- D8CAB7
- E5DBCE
- F2EDE7
Ombre
- 6E4800
- 5D3C00
- 4C3100
- 3C2600
- 2D1B00
- 1F1100
- 110800
- 060200
- 010000
Toni
- 7F591B
- 805D2A
- 806237
- 806643
- 816B4D
- 816F58
- 817362
- 80786C
- 807C76
Armonie di colore
Complementare +180°
- 7F5400
Intense Brown
- 335F96
≈ Running Water
Analogo -30° +30°
- 7F5400
Intense Brown
- 8C4929
≈ Madeira Brown
- 676001
≈ Green Brown
Triadico +120° +240°
- 7F5400
Intense Brown
- 006C6C
≈ Mayan Blue
- 734B85
≈ Lilac Violet
Complementare divisa +150° +210°
- 7F5400
Intense Brown
- 006884
≈ Ansel
- 595495
≈ Coronation Blue
Tetradico +90° +180° +270°
- 7F5400
Intense Brown
- 006F4F
≈ Natural Watercourse
- 335F96
≈ Running Water
- 85446B
≈ Grape Kiss
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.62:1 · APCA Lc 82
Ag
FailSu nero
WCAG 3.17:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.62:1 (AA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--intense-brown: #7f5400;
--intense-brown-rgb: 127 84 0;
--intense-brown-oklch: oklch(0.481 0.102 74.8);
}
.element {
color: var(--intense-brown);
background-color: hsl(40 100% 25%);
border-color: oklch(0.481 0.102 74.8);
}Tailwind CSS v4
@theme {
--color-intense-brown: #7f5400;
--color-intense-brown-50: #fff2d5;
--color-intense-brown-100: #fce4c3;
--color-intense-brown-200: #edcfa4;
--color-intense-brown-300: #d5b17c;
--color-intense-brown-400: #c29657;
--color-intense-brown-500: #ad7b2c;
--color-intense-brown-600: #926828;
--color-intense-brown-700: #75531f;
--color-intense-brown-800: #583c15;
--color-intense-brown-900: #3d290d;
--color-intense-brown-950: #271702;
}SCSS
$intense-brown: #7f5400;
$intense-brown-rgb: 127, 84, 0;
$intense-brown-light: mix(#fff, $intense-brown, 20%);
$intense-brown-dark: mix(#000, $intense-brown, 20%);
.element {
color: $intense-brown;
box-shadow: 0 0 0 2px rgba($intense-brown, 0.35);
}