Benannte Farbe · #D7D2B8
Pistachio Tang
Pistachio Tang ist #D7D2B8: rgb(215 210 184), hsl(50 28% 78%), oklch(0.861 0.035 98.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Pistachio Tang color name →
#D7D2B8
oklch(0.861 0.035 98.1)
Farbumrechnungen
- HEX
- #d7d2b8
- RGB
- rgb(215 210 184)
- HSL
- hsl(50 28% 78%)
- HWB
- hwb(50 72% 16%)
- OKLCH
- oklch(0.861 0.035 98.1)
- OKLab
- oklab(0.861 -0.005 0.035)
- CIE Lab
- lab(84.08 -1.45 13.59)
- LCH
- lch(84.08 13.67 96.1)
- CMYK
- cmyk(0% 2% 14% 16%)
Tints · Shades · Tones
Tints
- DBD6BF
- DFDBC6
- E3DFCD
- E7E4D4
- EBE8DB
- EFEDE2
- F3F1E9
- F7F6F1
- FBFAF8
Shades
- BBB6A0
- 9F9B88
- 858171
- 6B685B
- 525045
- 3B3931
- 25241E
- 11100C
- 020202
Tones
- CEC9B2
- C5C1AD
- BCB9A7
- B3B0A1
- AAA89C
- A2A096
- 999891
- 91908B
- 888886
Farbharmonien
Komplementär +180°
- D7D2B8
Pistachio Tang
- CBD0E9
≈ Arctic Glow
Analog -30° +30°
- D7D2B8
Pistachio Tang
- E1CEB9
≈ Soft Doeskin
- CAD6BE
≈ Canary Green
Triadisch +120° +240°
- D7D2B8
Pistachio Tang
- B9D7E1
≈ Bridgewater Bay
- E2C9D9
≈ Kiss Good Night
Geteilt komplementär +150° +210°
- D7D2B8
Pistachio Tang
- C0D4E8
≈ Slipstream
- D8CCE4
≈ Bashful Pansy
Tetradisch +90° +180° +270°
- D7D2B8
Pistachio Tang
- B8D9D5
≈ High Point
- CBD0E9
≈ Arctic Glow
- E7C8CD
≈ Oh so Pretty
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.52:1 · APCA Lc 24
Ag
AAAAuf Schwarz
WCAG 13.80:1 · APCA Lc 79
Beste Textfarbe: #000000
WCAG 13.80:1 (AAA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--pistachio-tang: #d7d2b8;
--pistachio-tang-rgb: 215 210 184;
--pistachio-tang-oklch: oklch(0.861 0.035 98.1);
}
.element {
color: var(--pistachio-tang);
background-color: hsl(50 28% 78%);
border-color: oklch(0.861 0.035 98.1);
}Tailwind CSS v4
@theme {
--color-pistachio-tang: #d7d2b8;
--color-pistachio-tang-50: #f7f6ea;
--color-pistachio-tang-100: #eae8db;
--color-pistachio-tang-200: #d7d5c4;
--color-pistachio-tang-300: #bbb8a4;
--color-pistachio-tang-400: #a49f88;
--color-pistachio-tang-500: #8c876c;
--color-pistachio-tang-600: #76725c;
--color-pistachio-tang-700: #5f5b49;
--color-pistachio-tang-800: #464335;
--color-pistachio-tang-900: #302e24;
--color-pistachio-tang-950: #1d1b13;
}SCSS
$pistachio-tang: #d7d2b8;
$pistachio-tang-rgb: 215, 210, 184;
$pistachio-tang-light: mix(#fff, $pistachio-tang, 20%);
$pistachio-tang-dark: mix(#000, $pistachio-tang, 20%);
.element {
color: $pistachio-tang;
box-shadow: 0 0 0 2px rgba($pistachio-tang, 0.35);
}