Benannte Farbe · #AF797E
Taffeta Darling
Taffeta Darling ist #AF797E: rgb(175 121 126), hsl(354 25% 58%), oklch(0.632 0.068 13.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Taffeta Darling color name →
#AF797E
oklch(0.632 0.068 13.1)
Farbumrechnungen
- HEX
- #af797e
- RGB
- rgb(175 121 126)
- HSL
- hsl(354 25% 58%)
- HWB
- hwb(354 47% 31%)
- OKLCH
- oklch(0.632 0.068 13.1)
- OKLab
- oklab(0.632 0.066 0.015)
- CIE Lab
- lab(56.59 22.25 6.23)
- LCH
- lch(56.59 23.1 15.6)
- CMYK
- cmyk(0% 31% 28% 31%)
Tints · Shades · Tones
Tints
- B7868A
- C09396
- C8A0A3
- D0ADB0
- D8BABC
- E0C8C9
- E8D5D7
- F0E3E4
- F7F1F1
Shades
- 98686D
- 81585C
- 6B484C
- 56393C
- 412B2D
- 2E1D1F
- 1C1011
- 0B0505
- 010101
Tones
- AB7A7E
- A67B7E
- A27C7F
- 9D7C7F
- 987D7F
- 947E7F
- 8F7E7F
- 8A7F80
- 857F80
Farbharmonien
Komplementär +180°
- AF797E
Taffeta Darling
- 559795
≈ Peaceful Pond
Analog -30° +30°
- AF797E
Taffeta Darling
- A87A95
≈ Wonder Wish
- AE7D69
≈ Cuddlepot
Triadisch +120° +240°
- AF797E
Taffeta Darling
- 7A9368
≈ Reseda Green
- 6D8DB3
≈ Genteel Blue
Geteilt komplementär +150° +210°
- AF797E
Taffeta Darling
- 63977E
≈ Club Moss
- 5993A8
≈ Blue Persia
Tetradisch +90° +180° +270°
- AF797E
Taffeta Darling
- 918C5B
≈ In a Pickle
- 559795
≈ Peaceful Pond
- 8485B2
≈ Aster Purple
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.58:1 · APCA Lc 63
Ag
AAAuf Schwarz
WCAG 5.85:1 · APCA Lc 38
Beste Textfarbe: #000000
WCAG 5.85:1 (AA) · APCA Lc 38
Contrast pairs
Code-Snippets
CSS
:root {
--taffeta-darling: #af797e;
--taffeta-darling-rgb: 175 121 126;
--taffeta-darling-oklch: oklch(0.632 0.068 13.1);
}
.element {
color: var(--taffeta-darling);
background-color: hsl(354 25% 58%);
border-color: oklch(0.632 0.068 13.1);
}Tailwind CSS v4
@theme {
--color-taffeta-darling: #af797e;
--color-taffeta-darling-50: #ffeeef;
--color-taffeta-darling-100: #fedfe0;
--color-taffeta-darling-200: #f0c9cb;
--color-taffeta-darling-300: #d8aaac;
--color-taffeta-darling-400: #c38e93;
--color-taffeta-darling-500: #ae7379;
--color-taffeta-darling-600: #936267;
--color-taffeta-darling-700: #764e52;
--color-taffeta-darling-800: #57393c;
--color-taffeta-darling-900: #3d2729;
--color-taffeta-darling-950: #261517;
}SCSS
$taffeta-darling: #af797e;
$taffeta-darling-rgb: 175, 121, 126;
$taffeta-darling-light: mix(#fff, $taffeta-darling, 20%);
$taffeta-darling-dark: mix(#000, $taffeta-darling, 20%);
.element {
color: $taffeta-darling;
box-shadow: 0 0 0 2px rgba($taffeta-darling, 0.35);
}