Colore con nome più vicino · #B36108
#B36108
Colore con nome più vicino: Light Brown
#B36108 (rgb(179 97 8), hsl(31 91% 37%), oklch(0.577 0.136 57.8)) è più vicino al colore con nome Light Brown. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#B36108
oklch(0.577 0.136 57.8)
Conversioni di colore
- HEX
- #b36108
- RGB
- rgb(179 97 8)
- HSL
- hsl(31 91% 37%)
- HWB
- hwb(31 3% 30%)
- OKLCH
- oklch(0.577 0.136 57.8)
- OKLab
- oklab(0.577 0.072 0.115)
- CIE Lab
- lab(50.23 30.31 56.69)
- LCH
- lch(50.23 64.28 61.9)
- CMYK
- cmyk(0% 46% 96% 30%)
Tinte · Ombre · Toni
Tinte
- BC7131
- C4814B
- CC9063
- D4A079
- DCB08F
- E3BFA5
- EBCFBC
- F2DFD2
- F8EFE8
Ombre
- 9B5306
- 844604
- 6E3903
- 582D02
- 432101
- 2F1501
- 1D0B00
- 0C0300
- 010000
Toni
- AF6523
- AA6933
- A56C3F
- A1704A
- 9C7354
- 97765E
- 917967
- 8C7B6F
- 867E78
Armonie di colore
Complementare +180°
- B36108
Light Brown
- 0082BB
≈ Tall Ships
Analogo -30° +30°
- B36108
Light Brown
- BC554A
≈ Safflower Bark
- 967400
≈ Bhūrā Brown
Triadico +120° +240°
- B36108
Light Brown
- 008D79
≈ Emerald Enchantment
- 8465BE
≈ Lavish Spending
Complementare divisa +150° +210°
- B36108
Light Brown
- 008998
≈ Atlantic Blue
- 5774C9
≈ Indigo Light
Tetradico +90° +180° +270°
- B36108
Light Brown
- 348E48
≈ Wild Forest
- 0082BB
≈ Tall Ships
- A359A2
≈ Heath Spotted Orchid
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.53:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.63:1 · APCA Lc 31
Miglior colore del testo: #000000
WCAG 4.63:1 (AA) · APCA Lc 31
Contrast pairs
Frammenti di codice
CSS
:root {
--light-brown: #b36108;
--light-brown-rgb: 179 97 8;
--light-brown-oklch: oklch(0.577 0.136 57.8);
}
.element {
color: var(--light-brown);
background-color: hsl(31 91% 37%);
border-color: oklch(0.577 0.136 57.8);
}Tailwind CSS v4
@theme {
--color-light-brown: #b36108;
--color-light-brown-50: #ffedcf;
--color-light-brown-100: #ffdebb;
--color-light-brown-200: #ffc79a;
--color-light-brown-300: #eba66e;
--color-light-brown-400: #d98845;
--color-light-brown-500: #c76b00;
--color-light-brown-600: #a85b08;
--color-light-brown-700: #874809;
--color-light-brown-800: #653407;
--color-light-brown-900: #472305;
--color-light-brown-950: #2e1200;
}SCSS
$light-brown: #b36108;
$light-brown-rgb: 179, 97, 8;
$light-brown-light: mix(#fff, $light-brown, 20%);
$light-brown-dark: mix(#000, $light-brown, 20%);
.element {
color: $light-brown;
box-shadow: 0 0 0 2px rgba($light-brown, 0.35);
}