Benannte Farbe · #D6C69A
Parsnip
Parsnip ist #D6C69A: rgb(214 198 154), hsl(44 42% 72%), oklch(0.829 0.061 90.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Parsnip color name →
#D6C69A
oklch(0.829 0.061 90.4)
Farbumrechnungen
- HEX
- #d6c69a
- RGB
- rgb(214 198 154)
- HSL
- hsl(44 42% 72%)
- HWB
- hwb(44 60% 16%)
- OKLCH
- oklch(0.829 0.061 90.4)
- OKLab
- oklab(0.829 0 0.061)
- CIE Lab
- lab(80.41 0.85 24.28)
- LCH
- lch(80.41 24.29 88)
- CMYK
- cmyk(0% 7% 28% 16%)
Tints · Shades · Tones
Tints
- DACCA4
- DED1AE
- E2D7B8
- E6DDC2
- EAE2CC
- EEE8D6
- F3EEE1
- F7F4EB
- FBF9F5
Shades
- BAAC85
- 9E9271
- 847A5E
- 6A624B
- 524B39
- 3B3527
- 252117
- 100E09
- 020201
Tones
- CDBF98
- C4B895
- BBB193
- B3A990
- AAA28E
- A19B8B
- 999588
- 918E86
- 888783
Farbharmonien
Komplementär +180°
- D6C69A
Parsnip
- B8C6F0
≈ Canterbury Bells
Analog -30° +30°
- D6C69A
Parsnip
- E5BE9F
≈ Bronze Sand
- C1CDA1
≈ Dappled Daydream
Triadisch +120° +240°
- D6C69A
Parsnip
- 99D2DD
≈ Tourmaline Water Blue
- DFB9DA
≈ French Lilac
Geteilt komplementär +150° +210°
- D6C69A
Parsnip
- A4CDEB
≈ Sail
- CDBFE9
≈ York Plum
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.69:1 · APCA Lc 30
Ag
AAAAuf Schwarz
WCAG 12.40:1 · APCA Lc 73
Beste Textfarbe: #000000
WCAG 12.40:1 (AAA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--parsnip: #d6c69a;
--parsnip-rgb: 214 198 154;
--parsnip-oklch: oklch(0.829 0.061 90.4);
}
.element {
color: var(--parsnip);
background-color: hsl(44 42% 72%);
border-color: oklch(0.829 0.061 90.4);
}Tailwind CSS v4
@theme {
--color-parsnip: #d6c69a;
--color-parsnip-50: #fbf5e2;
--color-parsnip-100: #efe8d1;
--color-parsnip-200: #ddd4b7;
--color-parsnip-300: #c2b794;
--color-parsnip-400: #ac9d75;
--color-parsnip-500: #968556;
--color-parsnip-600: #7e704a;
--color-parsnip-700: #655a3b;
--color-parsnip-800: #4b4129;
--color-parsnip-900: #342d1c;
--color-parsnip-950: #201a0c;
}SCSS
$parsnip: #d6c69a;
$parsnip-rgb: 214, 198, 154;
$parsnip-light: mix(#fff, $parsnip, 20%);
$parsnip-dark: mix(#000, $parsnip, 20%);
.element {
color: $parsnip;
box-shadow: 0 0 0 2px rgba($parsnip, 0.35);
}