Colore con nome · #863B2C
Grill Master
Grill Master è #863B2C: rgb(134 59 44), hsl(10 51% 35%), oklch(0.449 0.107 32.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Grill Master color name →
#863B2C
oklch(0.449 0.107 32.9)
Conversioni di colore
- HEX
- #863b2c
- RGB
- rgb(134 59 44)
- HSL
- hsl(10 51% 35%)
- HWB
- hwb(10 17% 47%)
- OKLCH
- oklch(0.449 0.107 32.9)
- OKLab
- oklab(0.449 0.09 0.058)
- CIE Lab
- lab(35.19 32.01 25.45)
- LCH
- lch(35.19 40.9 38.5)
- CMYK
- cmyk(0% 56% 67% 47%)
Tinte · Ombre · Toni
Tinte
- 934E40
- A06154
- AD7468
- B9877C
- C59A91
- D1AEA6
- DDC2BC
- E8D6D2
- F4EAE8
Ombre
- 743225
- 62291E
- 512117
- 401911
- 30110A
- 210905
- 130402
- 060101
- 010000
Toni
- 864335
- 874A3D
- 875146
- 87584E
- 865F56
- 86665F
- 856C67
- 83736F
- 827A78
Armonie di colore
Complementare +180°
- 863B2C
Grill Master
- 00606F
≈ Cool Dive
Analogo -30° +30°
- 863B2C
Grill Master
- 84384F
≈ Camelot
- 7C4600
≈ Dusky Brown
Triadico +120° +240°
- 863B2C
Grill Master
- 146537
≈ Bucolic
- 424F90
≈ Merlin’s Robe
Complementare divisa +150° +210°
- 863B2C
Grill Master
- 006359
≈ Dancing Peacock
- 045A8B
≈ Buccaneer Blue
Tetradico +90° +180° +270°
- 863B2C
Grill Master
- 4A5E07
≈ Kyuri Green
- 00606F
≈ Cool Dive
- 614485
≈ Lords of the Night
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.84:1 · APCA Lc 87
Ag
FailSu nero
WCAG 2.67:1 · APCA Lc 15
Miglior colore del testo: #FFFFFF
WCAG 7.84:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--grill-master: #863b2c;
--grill-master-rgb: 134 59 44;
--grill-master-oklch: oklch(0.449 0.107 32.9);
}
.element {
color: var(--grill-master);
background-color: hsl(10 51% 35%);
border-color: oklch(0.449 0.107 32.9);
}Tailwind CSS v4
@theme {
--color-grill-master: #863b2c;
--color-grill-master-50: #ffebe1;
--color-grill-master-100: #ffdcd0;
--color-grill-master-200: #fec5b6;
--color-grill-master-300: #e8a493;
--color-grill-master-400: #d68775;
--color-grill-master-500: #c26957;
--color-grill-master-600: #a45a4a;
--color-grill-master-700: #84483b;
--color-grill-master-800: #62332b;
--color-grill-master-900: #45231d;
--color-grill-master-950: #2c120d;
}SCSS
$grill-master: #863b2c;
$grill-master-rgb: 134, 59, 44;
$grill-master-light: mix(#fff, $grill-master, 20%);
$grill-master-dark: mix(#000, $grill-master, 20%);
.element {
color: $grill-master;
box-shadow: 0 0 0 2px rgba($grill-master, 0.35);
}