Colore con nome · #B57312
Sweet Mulled Cider
Sweet Mulled Cider è #B57312: rgb(181 115 18), hsl(36 82% 39%), oklch(0.612 0.129 68.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Sweet Mulled Cider color name →
#B57312
oklch(0.612 0.129 68.7)
Conversioni di colore
- HEX
- #b57312
- RGB
- rgb(181 115 18)
- HSL
- hsl(36 82% 39%)
- HWB
- hwb(36 7% 29%)
- OKLCH
- oklch(0.612 0.129 68.7)
- OKLab
- oklab(0.612 0.047 0.12)
- CIE Lab
- lab(54.67 21.86 57.56)
- LCH
- lch(54.67 61.57 69.2)
- CMYK
- cmyk(0% 36% 90% 29%)
Tinte · Ombre · Toni
Tinte
- BD8137
- C58F51
- CD9D68
- D4AB7E
- DCB993
- E3C7A9
- EAD5BE
- F1E3D4
- F8F1E9
Ombre
- 9D630E
- 86540A
- 6F4507
- 593604
- 442802
- 301B01
- 1D0F01
- 0C0500
- 020100
Toni
- B07529
- AB7738
- A67844
- A17A4E
- 9C7B57
- 967C60
- 917D69
- 8B7E71
- 867F78
Armonie di colore
Complementare +180°
- B57312
Sweet Mulled Cider
- 3C88CD
≈ Casting Sea
Analogo -30° +30°
- B57312
Sweet Mulled Cider
- C46546
≈ Robust Orange
- 978400
≈ Thicket Green
Triadico +120° +240°
- B57312
Sweet Mulled Cider
- 009890
≈ Green Dynasty
- 9A6CBE
≈ Viola
Complementare divisa +150° +210°
- B57312
Sweet Mulled Cider
- 0093B0
≈ Munsell Blue
- 747ACF
≈ Kickstart Purple
Tetradico +90° +180° +270°
- B57312
Sweet Mulled Cider
- 269B66
≈ Green Fondant
- 3C88CD
≈ Casting Sea
- B5639E
≈ Spring Crocus
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.87:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.42:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.42:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--sweet-mulled-cider: #b57312;
--sweet-mulled-cider-rgb: 181 115 18;
--sweet-mulled-cider-oklch: oklch(0.612 0.129 68.7);
}
.element {
color: var(--sweet-mulled-cider);
background-color: hsl(36 82% 39%);
border-color: oklch(0.612 0.129 68.7);
}Tailwind CSS v4
@theme {
--color-sweet-mulled-cider: #b57312;
--color-sweet-mulled-cider-50: #fff0ce;
--color-sweet-mulled-cider-100: #ffe1ba;
--color-sweet-mulled-cider-200: #f8cb98;
--color-sweet-mulled-cider-300: #e1ac6c;
--color-sweet-mulled-cider-400: #d08f40;
--color-sweet-mulled-cider-500: #bc7300;
--color-sweet-mulled-cider-600: #9f6200;
--color-sweet-mulled-cider-700: #804e00;
--color-sweet-mulled-cider-800: #5f3801;
--color-sweet-mulled-cider-900: #432602;
--color-sweet-mulled-cider-950: #2b1400;
}SCSS
$sweet-mulled-cider: #b57312;
$sweet-mulled-cider-rgb: 181, 115, 18;
$sweet-mulled-cider-light: mix(#fff, $sweet-mulled-cider, 20%);
$sweet-mulled-cider-dark: mix(#000, $sweet-mulled-cider, 20%);
.element {
color: $sweet-mulled-cider;
box-shadow: 0 0 0 2px rgba($sweet-mulled-cider, 0.35);
}