Benannte Farbe · #AA5E5A
Tuscan Clay
Tuscan Clay ist #AA5E5A: rgb(170 94 90), hsl(3 32% 51%), oklch(0.569 0.1 23.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Tuscan Clay color name →
#AA5E5A
oklch(0.569 0.1 23.9)
Farbumrechnungen
- HEX
- #aa5e5a
- RGB
- rgb(170 94 90)
- HSL
- hsl(3 32% 51%)
- HWB
- hwb(3 35% 33%)
- OKLCH
- oklch(0.569 0.1 23.9)
- OKLab
- oklab(0.569 0.091 0.04)
- CIE Lab
- lab(48.99 31.3 16.68)
- LCH
- lch(48.99 35.47 28.1)
- CMYK
- cmyk(0% 45% 47% 33%)
Tints · Shades · Tones
Tints
- B36E69
- BD7D79
- C68D89
- CF9D99
- D7ADA9
- E0BDBA
- E8CDCB
- F0DEDC
- F7EEED
Shades
- 93514D
- 7D4441
- 683735
- 532B29
- 3F1F1E
- 2D1413
- 1B0A09
- 0B0303
- 010000
Tones
- A7625E
- A36662
- 9F6966
- 9B6D69
- 97706D
- 937471
- 8F7775
- 8A7A79
- 857D7C
Farbharmonien
Komplementär +180°
- AA5E5A
Tuscan Clay
- 008791
≈ Ocean Soul
Analog -30° +30°
- AA5E5A
Tuscan Clay
- A45D7B
≈ Cosmetic Red
- A4663A
≈ Camel Brown
Triadisch +120° +240°
- AA5E5A
Tuscan Clay
- 518650
≈ Kilkenny
- 5976B2
≈ Sapphire Shimmer Blue
Geteilt komplementär +150° +210°
- AA5E5A
Tuscan Clay
- 1F8A72
≈ Industrial Turquoise
- 2D80A9
≈ Blue Paisley
Tetradisch +90° +180° +270°
- AA5E5A
Tuscan Clay
- 777D31
≈ Calla Green
- 008791
≈ Ocean Soul
- 7A6BAC
≈ Wintertime Mauve
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.71:1 · APCA Lc 72
Ag
FailAuf Schwarz
WCAG 4.45:1 · APCA Lc 29
Beste Textfarbe: #FFFFFF
WCAG 4.71:1 (AA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--tuscan-clay: #aa5e5a;
--tuscan-clay-rgb: 170 94 90;
--tuscan-clay-oklch: oklch(0.569 0.1 23.9);
}
.element {
color: var(--tuscan-clay);
background-color: hsl(3 32% 51%);
border-color: oklch(0.569 0.1 23.9);
}Tailwind CSS v4
@theme {
--color-tuscan-clay: #aa5e5a;
--color-tuscan-clay-50: #ffebe6;
--color-tuscan-clay-100: #ffdcd7;
--color-tuscan-clay-200: #fcc5be;
--color-tuscan-clay-300: #e6a49d;
--color-tuscan-clay-400: #d38782;
--color-tuscan-clay-500: #bf6a66;
--color-tuscan-clay-600: #a25a56;
--color-tuscan-clay-700: #824845;
--color-tuscan-clay-800: #603433;
--color-tuscan-clay-900: #442322;
--color-tuscan-clay-950: #2b1212;
}SCSS
$tuscan-clay: #aa5e5a;
$tuscan-clay-rgb: 170, 94, 90;
$tuscan-clay-light: mix(#fff, $tuscan-clay, 20%);
$tuscan-clay-dark: mix(#000, $tuscan-clay, 20%);
.element {
color: $tuscan-clay;
box-shadow: 0 0 0 2px rgba($tuscan-clay, 0.35);
}