Benannte Farbe · #B98C7B
Tuscany
Tuscany ist #B98C7B: rgb(185 140 123), hsl(16 31% 60%), oklch(0.679 0.06 41.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Tuscany color name →
#B98C7B
oklch(0.679 0.06 41.6)
Farbumrechnungen
- HEX
- #b98c7b
- RGB
- rgb(185 140 123)
- HSL
- hsl(16 31% 60%)
- HWB
- hwb(16 48% 27%)
- OKLCH
- oklch(0.679 0.06 41.6)
- OKLab
- oklab(0.679 0.045 0.04)
- CIE Lab
- lab(62.33 15.9 16.09)
- LCH
- lch(62.33 22.62 45.4)
- CMYK
- cmyk(0% 24% 34% 27%)
Tints · Shades · Tones
Tints
- C09788
- C7A294
- CFAEA1
- D6B9AE
- DDC4BB
- E4D0C9
- EADCD6
- F1E7E4
- F8F3F1
Shades
- A0796A
- 89675A
- 71554A
- 5B433A
- 46332C
- 31231E
- 1E1410
- 0D0705
- 020101
Tones
- B38B7C
- AE8A7C
- A8897D
- A2887D
- 9D867E
- 97857E
- 91847F
- 8C837F
- 868180
Farbharmonien
Komplementär +180°
- B98C7B
Tuscany
- 6DA1B3
≈ Crystal Blue
Analog -30° +30°
- B98C7B
Tuscany
- BA898E
≈ Shabby Chic
- B0926F
≈ Pale Brown
Triadisch +120° +240°
- B98C7B
Tuscany
- 76A48C
≈ Free Green
- 9194BD
≈ Velvet Crest
Geteilt komplementär +150° +210°
- B98C7B
Tuscany
- 6AA4A1
≈ Catalina
- 7D9BBD
≈ Washed Denim
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.95:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.10:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.10:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--tuscany: #b98c7b;
--tuscany-rgb: 185 140 123;
--tuscany-oklch: oklch(0.679 0.06 41.6);
}
.element {
color: var(--tuscany);
background-color: hsl(16 31% 60%);
border-color: oklch(0.679 0.06 41.6);
}Tailwind CSS v4
@theme {
--color-tuscany: #b98c7b;
--color-tuscany-50: #fff0e8;
--color-tuscany-100: #fae2d8;
--color-tuscany-200: #eccdc0;
--color-tuscany-300: #d3ae9f;
--color-tuscany-400: #be9383;
--color-tuscany-500: #a97967;
--color-tuscany-600: #8f6757;
--color-tuscany-700: #735246;
--color-tuscany-800: #553b33;
--color-tuscany-900: #3b2922;
--color-tuscany-950: #251612;
}SCSS
$tuscany: #b98c7b;
$tuscany-rgb: 185, 140, 123;
$tuscany-light: mix(#fff, $tuscany, 20%);
$tuscany-dark: mix(#000, $tuscany, 20%);
.element {
color: $tuscany;
box-shadow: 0 0 0 2px rgba($tuscany, 0.35);
}