Benannte Farbe · #A58D7F
Stucco
Stucco ist #A58D7F: rgb(165 141 127), hsl(22 17% 57%), oklch(0.661 0.036 52.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Stucco color name →
#A58D7F
oklch(0.661 0.036 52.1)
Farbumrechnungen
- HEX
- #a58d7f
- RGB
- rgb(165 141 127)
- HSL
- hsl(22 17% 57%)
- HWB
- hwb(22 50% 35%)
- OKLCH
- oklch(0.661 0.036 52.1)
- OKLab
- oklab(0.661 0.022 0.028)
- CIE Lab
- lab(60.56 7.66 11.02)
- LCH
- lch(60.56 13.42 55.2)
- CMYK
- cmyk(0% 15% 23% 35%)
Tints · Shades · Tones
Tints
- AE988B
- B7A397
- C0AEA4
- C8B9B0
- D1C5BD
- DAD0CA
- E4DCD7
- EDE7E4
- F6F3F2
Shades
- 8F7A6E
- 79675D
- 65554C
- 51443C
- 3D332D
- 2B231F
- 1A1411
- 0A0706
- 010101
Tones
- A18C7F
- 9E8A7F
- 9A897F
- 968880
- 938780
- 8F8580
- 8B8480
- 878380
- 848180
Farbharmonien
Komplementär +180°
- A58D7F
Stucco
- 7D97A5
≈ Storm Petrel
Analog -30° +30°
- A58D7F
Stucco
- A88A89
≈ Delicate Brown
- 9E917A
≈ Flannel
Triadisch +120° +240°
- A58D7F
Stucco
- 7D9A90
≈ Secluded Garden
- 938FA7
≈ Orchilla
Geteilt komplementär +150° +210°
- A58D7F
Stucco
- 7A999C
≈ Cathedral Glass
- 8793A9
≈ Lilac Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.12:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.71:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.71:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--stucco: #a58d7f;
--stucco-rgb: 165 141 127;
--stucco-oklch: oklch(0.661 0.036 52.1);
}
.element {
color: var(--stucco);
background-color: hsl(22 17% 57%);
border-color: oklch(0.661 0.036 52.1);
}Tailwind CSS v4
@theme {
--color-stucco: #a58d7f;
--color-stucco-50: #fef3ec;
--color-stucco-100: #f2e5dd;
--color-stucco-200: #e1d1c6;
--color-stucco-300: #c7b3a7;
--color-stucco-400: #b0998c;
--color-stucco-500: #9a8071;
--color-stucco-600: #826c60;
--color-stucco-700: #68574c;
--color-stucco-800: #4d3f38;
--color-stucco-900: #352b26;
--color-stucco-950: #211914;
}SCSS
$stucco: #a58d7f;
$stucco-rgb: 165, 141, 127;
$stucco-light: mix(#fff, $stucco, 20%);
$stucco-dark: mix(#000, $stucco, 20%);
.element {
color: $stucco;
box-shadow: 0 0 0 2px rgba($stucco, 0.35);
}