Colore con nome · #61311C
Overbaked
Overbaked è #61311C: rgb(97 49 28), hsl(18 55% 25%), oklch(0.371 0.077 43.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Overbaked color name →
#61311C
oklch(0.371 0.077 43.5)
Conversioni di colore
- HEX
- #61311c
- RGB
- rgb(97 49 28)
- HSL
- hsl(18 55% 25%)
- HWB
- hwb(18 11% 62%)
- OKLCH
- oklch(0.371 0.077 43.5)
- OKLab
- oklab(0.371 0.056 0.053)
- CIE Lab
- lab(26.54 20.77 23.28)
- LCH
- lch(26.54 31.2 48.3)
- CMYK
- cmyk(0% 49% 71% 62%)
Tinte · Ombre · Toni
Tinte
- 714431
- 805746
- 906B5B
- A07F71
- AF9387
- BFA89E
- CFBDB6
- DFD3CE
- EFE9E6
Ombre
- 532917
- 462212
- 391A0D
- 2D1308
- 210C05
- 150602
- 0B0301
- 030100
- 000000
Toni
- 653926
- 684130
- 6C493A
- 6F5144
- 72584E
- 756058
- 786862
- 7B706C
- 7E7876
Armonie di colore
Complementare +180°
- 61311C
Overbaked
- 00485B
≈ Sultan’s Silk
Analogo -30° +30°
- 61311C
Overbaked
- 622D34
≈ Chocolate Truffle
- 583903
≈ Pineapple
Triadico +120° +240°
- 61311C
Overbaked
- 064C34
≈ Chrysocolla Dark Green
- 3B3A67
≈ Rhynchites Nitens
Complementare divisa +150° +210°
- 61311C
Overbaked
- 004A4A
≈ Deep Into the Jungle
- 204168
≈ Blue Mosque
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.69:1 · APCA Lc 94
Ag
FailSu nero
WCAG 1.96:1 · APCA Lc 8
Miglior colore del testo: #FFFFFF
WCAG 10.69:1 (AAA) · APCA Lc 94
Contrast pairs
Frammenti di codice
CSS
:root {
--overbaked: #61311c;
--overbaked-rgb: 97 49 28;
--overbaked-oklch: oklch(0.371 0.077 43.5);
}
.element {
color: var(--overbaked);
background-color: hsl(18 55% 25%);
border-color: oklch(0.371 0.077 43.5);
}Tailwind CSS v4
@theme {
--color-overbaked: #61311c;
--color-overbaked-50: #ffefe3;
--color-overbaked-100: #ffe1d3;
--color-overbaked-200: #f1cbba;
--color-overbaked-300: #daac97;
--color-overbaked-400: #c6907a;
--color-overbaked-500: #b1755c;
--color-overbaked-600: #96634e;
--color-overbaked-700: #784f3e;
--color-overbaked-800: #59392d;
--color-overbaked-900: #3e271f;
--color-overbaked-950: #27150e;
}SCSS
$overbaked: #61311c;
$overbaked-rgb: 97, 49, 28;
$overbaked-light: mix(#fff, $overbaked, 20%);
$overbaked-dark: mix(#000, $overbaked, 20%);
.element {
color: $overbaked;
box-shadow: 0 0 0 2px rgba($overbaked, 0.35);
}