Benannte Farbe · #957D6F
Peppered Pecan
Peppered Pecan ist #957D6F: rgb(149 125 111), hsl(22 15% 51%), oklch(0.608 0.036 52). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Peppered Pecan color name →
#957D6F
oklch(0.608 0.036 52)
Farbumrechnungen
- HEX
- #957d6f
- RGB
- rgb(149 125 111)
- HSL
- hsl(22 15% 51%)
- HWB
- hwb(22 44% 42%)
- OKLCH
- oklch(0.608 0.036 52)
- OKLab
- oklab(0.608 0.022 0.029)
- CIE Lab
- lab(54.4 7.89 11.29)
- LCH
- lch(54.4 13.77 55.1)
- CMYK
- cmyk(0% 16% 26% 42%)
Tints · Shades · Tones
Tints
- 9F897C
- AA968A
- B4A298
- BFAFA6
- C9BCB5
- D4C9C3
- DED6D2
- E9E4E1
- F4F1F0
Shades
- 816C60
- 6D5B51
- 5A4B42
- 483B34
- 372C27
- 261E1A
- 16110E
- 080504
- 010101
Tones
- 937D71
- 917E73
- 8F7E74
- 8D7E76
- 8B7F78
- 897F79
- 877F7B
- 847F7D
- 82807E
Farbharmonien
Komplementär +180°
- 957D6F
Peppered Pecan
- 6D8795
≈ South Pacific
Analog -30° +30°
- 957D6F
Peppered Pecan
- 977A79
≈ Mushroom Basket
- 8E816A
≈ Meadow Trail
Triadisch +120° +240°
- 957D6F
Peppered Pecan
- 6D8A80
≈ Hanging Vine
- 837F97
≈ Dusky Grape
Geteilt komplementär +150° +210°
- 957D6F
Peppered Pecan
- 69898C
≈ Overgrown Trellis
- 778399
≈ Tempest
Tetradisch +90° +180° +270°
- 957D6F
Peppered Pecan
- 778974
≈ Hedge Green
- 6D8795
≈ South Pacific
- 8D7C90
≈ Muted Berry
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.85:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.44:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.44:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--peppered-pecan: #957d6f;
--peppered-pecan-rgb: 149 125 111;
--peppered-pecan-oklch: oklch(0.608 0.036 52);
}
.element {
color: var(--peppered-pecan);
background-color: hsl(22 15% 51%);
border-color: oklch(0.608 0.036 52);
}Tailwind CSS v4
@theme {
--color-peppered-pecan: #957d6f;
--color-peppered-pecan-50: #fef3ec;
--color-peppered-pecan-100: #f2e5dd;
--color-peppered-pecan-200: #e1d0c6;
--color-peppered-pecan-300: #c7b3a6;
--color-peppered-pecan-400: #b1998b;
--color-peppered-pecan-500: #9a8070;
--color-peppered-pecan-600: #836c5f;
--color-peppered-pecan-700: #69574c;
--color-peppered-pecan-800: #4d3f37;
--color-peppered-pecan-900: #362b26;
--color-peppered-pecan-950: #211914;
}SCSS
$peppered-pecan: #957d6f;
$peppered-pecan-rgb: 149, 125, 111;
$peppered-pecan-light: mix(#fff, $peppered-pecan, 20%);
$peppered-pecan-dark: mix(#000, $peppered-pecan, 20%);
.element {
color: $peppered-pecan;
box-shadow: 0 0 0 2px rgba($peppered-pecan, 0.35);
}