Benannte Farbe · #B38B71
Macaroon
Macaroon ist #B38B71: rgb(179 139 113), hsl(24 30% 57%), oklch(0.668 0.061 54.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Macaroon color name →
#B38B71
oklch(0.668 0.061 54.4)
Farbumrechnungen
- HEX
- #b38b71
- RGB
- rgb(179 139 113)
- HSL
- hsl(24 30% 57%)
- HWB
- hwb(24 44% 30%)
- OKLCH
- oklch(0.668 0.061 54.4)
- OKLab
- oklab(0.668 0.036 0.05)
- CIE Lab
- lab(61.25 13.04 20.09)
- LCH
- lch(61.25 23.95 57)
- CMYK
- cmyk(0% 22% 37% 30%)
Tints · Shades · Tones
Tints
- BB967F
- C2A18C
- CAAD9A
- D2B8A8
- D9C4B6
- E1CFC5
- E8DBD3
- F0E7E2
- F7F3F0
Shades
- 9B7861
- 846652
- 6E5443
- 584335
- 433227
- 2F231A
- 1D140E
- 0C0704
- 010101
Tones
- AE8A73
- A98974
- A48876
- 9F8778
- 9A8679
- 95857B
- 90847C
- 8A827D
- 85817F
Farbharmonien
Komplementär +180°
- B38B71
Macaroon
- 6F9BB5
≈ Ocean View
Analog -30° +30°
- B38B71
Macaroon
- B88682
≈ Toki Brown
- A69269
≈ Rattan Basket
Triadisch +120° +240°
- B38B71
Macaroon
- 6CA192
≈ Jade Dragon
- 978EB7
≈ Brave Purple
Geteilt komplementär +150° +210°
- B38B71
Macaroon
- 66A0A6
≈ Aqua Sea
- 8295BB
≈ Soothsayer
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.06:1 · APCA Lc 57
Ag
AAAuf Schwarz
WCAG 6.84:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.84:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--macaroon: #b38b71;
--macaroon-rgb: 179 139 113;
--macaroon-oklch: oklch(0.668 0.061 54.4);
}
.element {
color: var(--macaroon);
background-color: hsl(24 30% 57%);
border-color: oklch(0.668 0.061 54.4);
}Tailwind CSS v4
@theme {
--color-macaroon: #b38b71;
--color-macaroon-50: #fff1e5;
--color-macaroon-100: #f9e3d5;
--color-macaroon-200: #eacebc;
--color-macaroon-300: #d1b09a;
--color-macaroon-400: #bc957c;
--color-macaroon-500: #a77b5f;
--color-macaroon-600: #8d6951;
--color-macaroon-700: #715440;
--color-macaroon-800: #543d2f;
--color-macaroon-900: #3a2a1f;
--color-macaroon-950: #24170f;
}SCSS
$macaroon: #b38b71;
$macaroon-rgb: 179, 139, 113;
$macaroon-light: mix(#fff, $macaroon, 20%);
$macaroon-dark: mix(#000, $macaroon, 20%);
.element {
color: $macaroon;
box-shadow: 0 0 0 2px rgba($macaroon, 0.35);
}