Couleur nommée la plus proche · #B07736
#B07736
Couleur nommée la plus proche: Butterbeer
#B07736 (rgb(176 119 54), hsl(32 53% 45%), oklch(0.616 0.108 66.8)) est la plus proche de la couleur nommée Butterbeer. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#B07736
oklch(0.616 0.108 66.8)
Conversions de couleur
- HEX
- #b07736
- RGB
- rgb(176 119 54)
- HSL
- hsl(32 53% 45%)
- HWB
- hwb(32 21% 31%)
- OKLCH
- oklch(0.616 0.108 66.8)
- OKLab
- oklab(0.616 0.042 0.099)
- CIE Lab
- lab(55.18 18.51 44.02)
- LCH
- lch(55.18 47.75 67.2)
- CMYK
- cmyk(0% 32% 69% 31%)
Teintes · Ombres · Tons
Teintes
- B8844C
- C19261
- C99F75
- D1AD88
- D9BA9C
- E0C8AF
- E8D5C3
- F0E3D7
- F7F1EB
Ombres
- 99672E
- 825725
- 6C471E
- 563816
- 422A0F
- 2E1C08
- 1C1003
- 0B0501
- 010100
Tons
- AB7840
- A77A49
- A27B51
- 9E7C59
- 997D60
- 947D67
- 8F7E6D
- 8A7F74
- 857F7A
Harmonies de couleurs
Complémentaire +180°
- B07736
Butterbeer
- 4A8AC2
≈ Blueberry Popover
Analogue -30° +30°
- B07736
Butterbeer
- BC6C55
≈ Warm Cider
- 97852D
≈ Lemon Ginger
Triadique +120° +240°
- B07736
Butterbeer
- 00998F
≈ Green Dynasty
- 9673B8
≈ Viola
Complémentaire divisée +150° +210°
- B07736
Butterbeer
- 0E94AF
≈ Munsell Blue
- 747EC5
≈ Persian Jewel
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.79:1 · APCA Lc 65
Ag
AASur noir
WCAG 5.53:1 · APCA Lc 36
Meilleure couleur de texte: #000000
WCAG 5.53:1 (AA) · APCA Lc 36
Contrast pairs
Extraits de code
CSS
:root {
--butterbeer: #b07736;
--butterbeer-rgb: 176 119 54;
--butterbeer-oklch: oklch(0.616 0.108 66.8);
}
.element {
color: var(--butterbeer);
background-color: hsl(32 53% 45%);
border-color: oklch(0.616 0.108 66.8);
}Tailwind CSS v4
@theme {
--color-butterbeer: #b07736;
--color-butterbeer-50: #fff0d5;
--color-butterbeer-100: #ffe2c2;
--color-butterbeer-200: #f3cda3;
--color-butterbeer-300: #dcae7a;
--color-butterbeer-400: #c99156;
--color-butterbeer-500: #b5762b;
--color-butterbeer-600: #996426;
--color-butterbeer-700: #7b501e;
--color-butterbeer-800: #5c3a15;
--color-butterbeer-900: #40280d;
--color-butterbeer-950: #291502;
}SCSS
$butterbeer: #b07736;
$butterbeer-rgb: 176, 119, 54;
$butterbeer-light: mix(#fff, $butterbeer, 20%);
$butterbeer-dark: mix(#000, $butterbeer, 20%);
.element {
color: $butterbeer;
box-shadow: 0 0 0 2px rgba($butterbeer, 0.35);
}