Benannte Farbe · #81825F
Taffeta Sheen
Taffeta Sheen ist #81825F: rgb(129 130 95), hsl(62 16% 44%), oklch(0.596 0.05 109.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Taffeta Sheen color name →
#81825F
oklch(0.596 0.05 109.2)
Farbumrechnungen
- HEX
- #81825f
- RGB
- rgb(129 130 95)
- HSL
- hsl(62 16% 44%)
- HWB
- hwb(62 37% 49%)
- OKLCH
- oklch(0.596 0.05 109.2)
- OKLab
- oklab(0.596 -0.017 0.048)
- CIE Lab
- lab(53.58 -4.9 18.91)
- LCH
- lch(53.58 19.53 104.5)
- CMYK
- cmyk(1% 0% 27% 49%)
Tints · Shades · Tones
Tints
- 8D8E6E
- 999A7D
- A5A68D
- B1B29D
- BEBFAC
- CBCBBD
- D7D8CD
- E5E5DD
- F2F2EE
Shades
- 6F7052
- 5E5F44
- 4E4E38
- 3E3E2C
- 2E2F20
- 1F2015
- 12120A
- 060603
- 010100
Tones
- 818263
- 818266
- 818269
- 81816D
- 808170
- 808173
- 808177
- 80817A
- 80807D
Farbharmonien
Komplementär +180°
- 81825F
Taffeta Sheen
- 7E7B9C
≈ Grape Jam
Analog -30° +30°
- 81825F
Taffeta Sheen
- 8F7C5D
≈ Prairie Grove
- 70876A
≈ Shale Green
Triadisch +120° +240°
- 81825F
Taffeta Sheen
- 608597
≈ Granite Falls
- 977384
≈ Artiste
Geteilt komplementär +150° +210°
- 81825F
Taffeta Sheen
- 6D809E
≈ Lead Cast
- 8D7692
≈ Self Powered
Tetradisch +90° +180° +270°
- 81825F
Taffeta Sheen
- 5A898B
≈ Dusty Turquoise
- 7E7B9C
≈ Grape Jam
- 9B7373
≈ Regal Rose
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.96:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.29:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.29:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--taffeta-sheen: #81825f;
--taffeta-sheen-rgb: 129 130 95;
--taffeta-sheen-oklch: oklch(0.596 0.05 109.2);
}
.element {
color: var(--taffeta-sheen);
background-color: hsl(62 16% 44%);
border-color: oklch(0.596 0.05 109.2);
}Tailwind CSS v4
@theme {
--color-taffeta-sheen: #81825f;
--color-taffeta-sheen-50: #f5f7e7;
--color-taffeta-sheen-100: #e8ead7;
--color-taffeta-sheen-200: #d5d7be;
--color-taffeta-sheen-300: #b8ba9d;
--color-taffeta-sheen-400: #a0a17f;
--color-taffeta-sheen-500: #888962;
--color-taffeta-sheen-600: #737454;
--color-taffeta-sheen-700: #5c5d43;
--color-taffeta-sheen-800: #44442f;
--color-taffeta-sheen-900: #2f2f20;
--color-taffeta-sheen-950: #1c1b10;
}SCSS
$taffeta-sheen: #81825f;
$taffeta-sheen-rgb: 129, 130, 95;
$taffeta-sheen-light: mix(#fff, $taffeta-sheen, 20%);
$taffeta-sheen-dark: mix(#000, $taffeta-sheen, 20%);
.element {
color: $taffeta-sheen;
box-shadow: 0 0 0 2px rgba($taffeta-sheen, 0.35);
}