Benannte Farbe · #B67B71
Heirloom
Heirloom ist #B67B71: rgb(182 123 113), hsl(9 32% 58%), oklch(0.641 0.076 29.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Heirloom color name →
#B67B71
oklch(0.641 0.076 29.9)
Farbumrechnungen
- HEX
- #b67b71
- RGB
- rgb(182 123 113)
- HSL
- hsl(9 32% 58%)
- HWB
- hwb(9 44% 29%)
- OKLCH
- oklch(0.641 0.076 29.9)
- OKLab
- oklab(0.641 0.066 0.038)
- CIE Lab
- lab(57.66 22.74 15.33)
- LCH
- lch(57.66 27.43 34)
- CMYK
- cmyk(0% 32% 38% 29%)
Tints · Shades · Tones
Tints
- BE887E
- C6958C
- CDA29A
- D5AFA8
- DCBCB6
- E3C9C4
- EAD6D3
- F1E4E1
- F8F1F0
Shades
- 9E6A61
- 865A52
- 6F4A43
- 593A35
- 442C27
- 301E1A
- 1D100E
- 0C0504
- 020101
Tones
- B17C73
- AC7C74
- A77D76
- A17E77
- 9C7E79
- 977F7A
- 917F7C
- 8C7F7D
- 86807F
Farbharmonien
Komplementär +180°
- B67B71
Heirloom
- 4F99A6
≈ Acapulco Cliffs
Analog -30° +30°
- B67B71
Heirloom
- B3798A
≈ Foxglove
- AF825D
≈ Circus Peanut
Triadisch +120° +240°
- B67B71
Heirloom
- 6B9A74
≈ Rosemary Green
- 7A8ABB
≈ Larkspur Bouquet
Geteilt komplementär +150° +210°
- B67B71
Heirloom
- 549C8E
≈ Petrol Green
- 6093B6
≈ Empire Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.46:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 6.06:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.06:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--heirloom: #b67b71;
--heirloom-rgb: 182 123 113;
--heirloom-oklch: oklch(0.641 0.076 29.9);
}
.element {
color: var(--heirloom);
background-color: hsl(9 32% 58%);
border-color: oklch(0.641 0.076 29.9);
}Tailwind CSS v4
@theme {
--color-heirloom: #b67b71;
--color-heirloom-50: #ffeee8;
--color-heirloom-100: #ffdfd8;
--color-heirloom-200: #f3c9c0;
--color-heirloom-300: #dbaa9f;
--color-heirloom-400: #c78e84;
--color-heirloom-500: #b37368;
--color-heirloom-600: #976158;
--color-heirloom-700: #794e46;
--color-heirloom-800: #5a3834;
--color-heirloom-900: #3f2623;
--color-heirloom-950: #281512;
}SCSS
$heirloom: #b67b71;
$heirloom-rgb: 182, 123, 113;
$heirloom-light: mix(#fff, $heirloom, 20%);
$heirloom-dark: mix(#000, $heirloom, 20%);
.element {
color: $heirloom;
box-shadow: 0 0 0 2px rgba($heirloom, 0.35);
}