Couleur nommée · #61311C
Overbaked
Overbaked correspond à #61311C : rgb(97 49 28), hsl(18 55% 25%), oklch(0.371 0.077 43.5). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Brown mean? → · Overbaked color name →
#61311C
oklch(0.371 0.077 43.5)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 714431
- 805746
- 906B5B
- A07F71
- AF9387
- BFA89E
- CFBDB6
- DFD3CE
- EFE9E6
Ombres
- 532917
- 462212
- 391A0D
- 2D1308
- 210C05
- 150602
- 0B0301
- 030100
- 000000
Tons
- 653926
- 684130
- 6C493A
- 6F5144
- 72584E
- 756058
- 786862
- 7B706C
- 7E7876
Harmonies de couleurs
Complémentaire +180°
- 61311C
Overbaked
- 00485B
≈ Sultan’s Silk
Analogue -30° +30°
- 61311C
Overbaked
- 622D34
≈ Chocolate Truffle
- 583903
≈ Pineapple
Triadique +120° +240°
- 61311C
Overbaked
- 064C34
≈ Chrysocolla Dark Green
- 3B3A67
≈ Rhynchites Nitens
Complémentaire divisée +150° +210°
- 61311C
Overbaked
- 004A4A
≈ Deep Into the Jungle
- 204168
≈ Blue Mosque
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AAASur blanc
WCAG 10.69:1 · APCA Lc 94
Ag
FailSur noir
WCAG 1.96:1 · APCA Lc 8
Meilleure couleur de texte: #FFFFFF
WCAG 10.69:1 (AAA) · APCA Lc 94
Contrast pairs
Extraits de code
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);
}