Couleur nommée · #957046
Tavern Creek
Tavern Creek correspond à #957046 : rgb(149 112 70), hsl(32 36% 43%), oklch(0.572 0.075 68.9). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Brown mean? → · Tavern Creek color name →
#957046
oklch(0.572 0.075 68.9)
Conversions de couleur
- HEX
- #957046
- RGB
- rgb(149 112 70)
- HSL
- hsl(32 36% 43%)
- HWB
- hwb(32 27% 42%)
- OKLCH
- oklch(0.572 0.075 68.9)
- OKLab
- oklab(0.572 0.027 0.07)
- CIE Lab
- lab(50.3 11.27 29.18)
- LCH
- lch(50.3 31.28 68.9)
- CMYK
- cmyk(0% 25% 53% 42%)
Teintes · Ombres · Tons
Teintes
- 9F7E58
- AA8B6A
- B4997C
- BFA78E
- CAB6A0
- D4C4B3
- DFD3C6
- EAE1D8
- F4F0EC
Ombres
- 81603C
- 6D5132
- 5A4328
- 48351E
- 372715
- 261A0D
- 160E05
- 080402
- 010100
Tons
- 93724D
- 917453
- 8F7559
- 8D775F
- 8B7965
- 897A6A
- 877C70
- 857D75
- 827F7B
Harmonies de couleurs
Complémentaire +180°
- 957046
Tavern Creek
- 557CA2
≈ Biedermeier Blue
Analogue -30° +30°
- 957046
Tavern Creek
- 9E6957
≈ Granrojo Jellyfish
- 837943
≈ Tropical Twist
Triadique +120° +240°
- 957046
Tavern Creek
- 3C8681
≈ Emu Egg
- 856C9A
≈ Bitter Violet
Complémentaire divisée +150° +210°
- 957046
Tavern Creek
- 3F8396
≈ Wipeout
- 6E74A4
≈ Hyacinth Mauve
Tétradique +90° +180° +270°
- 957046
Tavern Creek
- 4F8668
≈ Herb Blend
- 557CA2
≈ Biedermeier Blue
- 966787
≈ Rust Magenta
Contraste et accessibilité
Ag
FailSur blanc
WCAG 4.48:1 · APCA Lc 71
Ag
AASur noir
WCAG 4.68:1 · APCA Lc 31
Meilleure couleur de texte: #000000
WCAG 4.68:1 (AA) · APCA Lc 31
Contrast pairs
Extraits de code
CSS
:root {
--tavern-creek: #957046;
--tavern-creek-rgb: 149 112 70;
--tavern-creek-oklch: oklch(0.572 0.075 68.9);
}
.element {
color: var(--tavern-creek);
background-color: hsl(32 36% 43%);
border-color: oklch(0.572 0.075 68.9);
}Tailwind CSS v4
@theme {
--color-tavern-creek: #957046;
--color-tavern-creek-50: #fff2df;
--color-tavern-creek-100: #f8e4ce;
--color-tavern-creek-200: #e9d0b2;
--color-tavern-creek-300: #d0b28e;
--color-tavern-creek-400: #bc976e;
--color-tavern-creek-500: #a77d4e;
--color-tavern-creek-600: #8d6a43;
--color-tavern-creek-700: #715535;
--color-tavern-creek-800: #543d26;
--color-tavern-creek-900: #3a2a19;
--color-tavern-creek-950: #24180a;
}SCSS
$tavern-creek: #957046;
$tavern-creek-rgb: 149, 112, 70;
$tavern-creek-light: mix(#fff, $tavern-creek, 20%);
$tavern-creek-dark: mix(#000, $tavern-creek, 20%);
.element {
color: $tavern-creek;
box-shadow: 0 0 0 2px rgba($tavern-creek, 0.35);
}