Colore con nome · #AB764E
Brown Sugar
Brown Sugar è #AB764E: rgb(171 118 78), hsl(26 37% 49%), oklch(0.611 0.087 57.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Brown Sugar color name →
#AB764E
oklch(0.611 0.087 57.3)
Conversioni di colore
- HEX
- #ab764e
- RGB
- rgb(171 118 78)
- HSL
- hsl(26 37% 49%)
- HWB
- hwb(26 31% 33%)
- OKLCH
- oklch(0.611 0.087 57.3)
- OKLab
- oklab(0.611 0.047 0.073)
- CIE Lab
- lab(54.56 18.14 30.69)
- LCH
- lch(54.56 35.65 59.4)
- CMYK
- cmyk(0% 31% 54% 33%)
Tinte · Ombre · Toni
Tinte
- B4835F
- BC9171
- C59E82
- CDAC93
- D6B9A5
- DEC7B7
- E7D5C8
- EFE3DA
- F7F1ED
Ombre
- 946643
- 7E5638
- 68472D
- 543823
- 402919
- 2D1C0F
- 1B0F07
- 0B0502
- 010100
Toni
- A77754
- A37959
- 9F7A5F
- 9B7B64
- 967C69
- 927D6E
- 8E7E72
- 897E77
- 857F7C
Armonie di colore
Complementare +180°
- AB764E
Brown Sugar
- 4D8BB1
≈ Atlantic Gull
Analogo -30° +30°
- AB764E
Brown Sugar
- B26F67
≈ Copper Penny
- 9A8043
≈ Wild Olive
Triadico +120° +240°
- AB764E
Brown Sugar
- 409583
≈ Crisp Lettuce
- 8978B1
≈ Paisley Purple
Complementare divisa +150° +210°
- AB764E
Brown Sugar
- 36929E
≈ Aqua Lake
- 6C82B8
≈ Orbital
Tetradico +90° +180° +270°
- AB764E
Brown Sugar
- 5F9265
≈ Arizona Tree Frog
- 4D8BB1
≈ Atlantic Gull
- A0719F
≈ Scotch Thistle
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.86:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.43:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.43:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--brown-sugar: #ab764e;
--brown-sugar-rgb: 171 118 78;
--brown-sugar-oklch: oklch(0.611 0.087 57.3);
}
.element {
color: var(--brown-sugar);
background-color: hsl(26 37% 49%);
border-color: oklch(0.611 0.087 57.3);
}Tailwind CSS v4
@theme {
--color-brown-sugar: #ab764e;
--color-brown-sugar-50: #fff0dd;
--color-brown-sugar-100: #ffe2cc;
--color-brown-sugar-200: #f1ccb0;
--color-brown-sugar-300: #d9ad8b;
--color-brown-sugar-400: #c6926b;
--color-brown-sugar-500: #b1774a;
--color-brown-sugar-600: #96653f;
--color-brown-sugar-700: #785132;
--color-brown-sugar-800: #593a24;
--color-brown-sugar-900: #3f2818;
--color-brown-sugar-950: #281609;
}SCSS
$brown-sugar: #ab764e;
$brown-sugar-rgb: 171, 118, 78;
$brown-sugar-light: mix(#fff, $brown-sugar, 20%);
$brown-sugar-dark: mix(#000, $brown-sugar, 20%);
.element {
color: $brown-sugar;
box-shadow: 0 0 0 2px rgba($brown-sugar, 0.35);
}