Benannte Farbe · #A77B4D
Star Anise Scent
Star Anise Scent ist #A77B4D: rgb(167 123 77), hsl(31 37% 48%), oklch(0.616 0.083 66.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Star Anise Scent color name →
#A77B4D
oklch(0.616 0.083 66.5)
Farbumrechnungen
- HEX
- #a77b4d
- RGB
- rgb(167 123 77)
- HSL
- hsl(31 37% 48%)
- HWB
- hwb(31 30% 35%)
- OKLCH
- oklch(0.616 0.083 66.5)
- OKLab
- oklab(0.616 0.033 0.076)
- CIE Lab
- lab(55.33 13.67 32.02)
- LCH
- lch(55.33 34.82 66.9)
- CMYK
- cmyk(0% 26% 54% 35%)
Tints · Shades · Tones
Tints
- B0885F
- B99570
- C2A282
- CAAF93
- D3BCA5
- DCC9B6
- E5D6C8
- EEE4DA
- F6F1ED
Shades
- 916A42
- 7B5A37
- 664A2C
- 523A22
- 3E2C18
- 2C1E0F
- 1A1007
- 0A0502
- 010100
Tones
- A37C53
- A07C59
- 9C7D5E
- 987E63
- 947E69
- 907F6D
- 8C7F72
- 887F77
- 84807C
Farbharmonien
Komplementär +180°
- A77B4D
Star Anise Scent
- 5A8AB4
≈ Alpha Blue
Analog -30° +30°
- A77B4D
Star Anise Scent
- B17362
≈ Pinkish Brown
- 938548
≈ Lucky Bamboo
Triadisch +120° +240°
- A77B4D
Star Anise Scent
- 40958D
≈ Sea
- 9278AD
≈ Gentian
Geteilt komplementär +150° +210°
- A77B4D
Star Anise Scent
- 4191A5
≈ Winter Time
- 7881B7
≈ Astro Zinger
Tetradisch +90° +180° +270°
- A77B4D
Star Anise Scent
- 599470
≈ DaVanzo Green
- 5A8AB4
≈ Alpha Blue
- A57298
≈ Drama Queen
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.76:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.58:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.58:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--star-anise-scent: #a77b4d;
--star-anise-scent-rgb: 167 123 77;
--star-anise-scent-oklch: oklch(0.616 0.083 66.5);
}
.element {
color: var(--star-anise-scent);
background-color: hsl(31 37% 48%);
border-color: oklch(0.616 0.083 66.5);
}Tailwind CSS v4
@theme {
--color-star-anise-scent: #a77b4d;
--color-star-anise-scent-50: #fff1dc;
--color-star-anise-scent-100: #fbe3cb;
--color-star-anise-scent-200: #ecceaf;
--color-star-anise-scent-300: #d4b08a;
--color-star-anise-scent-400: #c09569;
--color-star-anise-scent-500: #ab7b47;
--color-star-anise-scent-600: #91683d;
--color-star-anise-scent-700: #745330;
--color-star-anise-scent-800: #563c22;
--color-star-anise-scent-900: #3c2917;
--color-star-anise-scent-950: #261708;
}SCSS
$star-anise-scent: #a77b4d;
$star-anise-scent-rgb: 167, 123, 77;
$star-anise-scent-light: mix(#fff, $star-anise-scent, 20%);
$star-anise-scent-dark: mix(#000, $star-anise-scent, 20%);
.element {
color: $star-anise-scent;
box-shadow: 0 0 0 2px rgba($star-anise-scent, 0.35);
}