Benannte Farbe · #B1948F
Thatch
Thatch ist #B1948F: rgb(177 148 143), hsl(9 18% 63%), oklch(0.691 0.036 29.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Thatch color name →
#B1948F
oklch(0.691 0.036 29.5)
Farbumrechnungen
- HEX
- #b1948f
- RGB
- rgb(177 148 143)
- HSL
- hsl(9 18% 63%)
- HWB
- hwb(9 56% 31%)
- OKLCH
- oklch(0.691 0.036 29.5)
- OKLab
- oklab(0.691 0.031 0.018)
- CIE Lab
- lab(63.9 10.59 6.92)
- LCH
- lch(63.9 12.65 33.1)
- CMYK
- cmyk(0% 16% 19% 31%)
Tints · Shades · Tones
Tints
- B99E9A
- C0A9A4
- C8B3AF
- D0BEBA
- D8C8C6
- E0D3D1
- E7DEDC
- EFE9E8
- F7F4F3
Shades
- 99807C
- 836D69
- 6C5A57
- 574845
- 423634
- 2F2624
- 1C1615
- 0C0807
- 010101
Tones
- AC928E
- A7908C
- A28E8B
- 9D8C89
- 988A88
- 948886
- 8F8685
- 8A8483
- 858282
Farbharmonien
Komplementär +180°
- B1948F
Thatch
- 83A2A8
≈ Tourmaline
Analog -30° +30°
- B1948F
Thatch
- AF939B
≈ Legendary Lilac
- AD9786
≈ Quicksand
Triadisch +120° +240°
- B1948F
Thatch
- 8DA290
≈ Hillside View
- 939BB3
≈ Bay Fog
Geteilt komplementär +150° +210°
- B1948F
Thatch
- 85A39C
≈ Gnome
- 889FB0
≈ Qiān Hūi Grey
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.79:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.50:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--thatch: #b1948f;
--thatch-rgb: 177 148 143;
--thatch-oklch: oklch(0.691 0.036 29.5);
}
.element {
color: var(--thatch);
background-color: hsl(9 18% 63%);
border-color: oklch(0.691 0.036 29.5);
}Tailwind CSS v4
@theme {
--color-thatch: #b1948f;
--color-thatch-50: #fff2ef;
--color-thatch-100: #f4e4e1;
--color-thatch-200: #e3cfcb;
--color-thatch-300: #c9b1ac;
--color-thatch-400: #b39792;
--color-thatch-500: #9d7e78;
--color-thatch-600: #846b66;
--color-thatch-700: #6a5551;
--color-thatch-800: #4e3e3c;
--color-thatch-900: #362b29;
--color-thatch-950: #211817;
}SCSS
$thatch: #b1948f;
$thatch-rgb: 177, 148, 143;
$thatch-light: mix(#fff, $thatch, 20%);
$thatch-dark: mix(#000, $thatch, 20%);
.element {
color: $thatch;
box-shadow: 0 0 0 2px rgba($thatch, 0.35);
}