Benannte Farbe · #D6C8C0
Unfussy Beige
Unfussy Beige ist #D6C8C0: rgb(214 200 192), hsl(22 21% 80%), oklch(0.842 0.019 51.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Unfussy Beige color name →
#D6C8C0
oklch(0.842 0.019 51.9)
Farbumrechnungen
- HEX
- #d6c8c0
- RGB
- rgb(214 200 192)
- HSL
- hsl(22 21% 80%)
- HWB
- hwb(22 75% 16%)
- OKLCH
- oklch(0.842 0.019 51.9)
- OKLab
- oklab(0.842 0.012 0.015)
- CIE Lab
- lab(81.6 4.05 5.86)
- LCH
- lch(81.6 7.13 55.4)
- CMYK
- cmyk(0% 7% 10% 16%)
Tints · Shades · Tones
Tints
- DACDC6
- DED3CC
- E2D8D3
- E6DED9
- EAE3DF
- EFE9E5
- F3EEEC
- F7F4F2
- FBF9F9
Shades
- BAAEA7
- 9E948E
- 847B76
- 6A635F
- 524C49
- 3B3634
- 252120
- 100F0E
- 020202
Tones
- CDC1B9
- C4B9B3
- BBB2AC
- B3ABA6
- AAA39F
- A19C99
- 999593
- 918E8C
- 888786
Farbharmonien
Komplementär +180°
- D6C8C0
Unfussy Beige
- BFCED6
≈ Keepsake
Analog -30° +30°
- D6C8C0
Unfussy Beige
- D8C7C5
≈ Fairview Taupe
- D1CABD
≈ Porch Swing Beige
Triadisch +120° +240°
- D6C8C0
Unfussy Beige
- BFCFCA
≈ White Box
- CBC9D7
≈ Magic Scent
Geteilt komplementär +150° +210°
- D6C8C0
Unfussy Beige
- BDCFD0
≈ Detroit
- C4CCD8
≈ Winter’s Fury
Tetradisch +90° +180° +270°
- D6C8C0
Unfussy Beige
- C4CFC3
≈ Silver Grass
- BFCED6
≈ Keepsake
- D1C7D3
≈ Enchant
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.63:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 12.88:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 12.88:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--unfussy-beige: #d6c8c0;
--unfussy-beige-rgb: 214 200 192;
--unfussy-beige-oklch: oklch(0.842 0.019 51.9);
}
.element {
color: var(--unfussy-beige);
background-color: hsl(22 21% 80%);
border-color: oklch(0.842 0.019 51.9);
}Tailwind CSS v4
@theme {
--color-unfussy-beige: #d6c8c0;
--color-unfussy-beige-50: #faf4f0;
--color-unfussy-beige-100: #ede6e2;
--color-unfussy-beige-200: #dbd2cd;
--color-unfussy-beige-300: #c0b5ae;
--color-unfussy-beige-400: #a89c94;
--color-unfussy-beige-500: #91837b;
--color-unfussy-beige-600: #7b6f68;
--color-unfussy-beige-700: #625953;
--color-unfussy-beige-800: #48413d;
--color-unfussy-beige-900: #322c2a;
--color-unfussy-beige-950: #1e1a17;
}SCSS
$unfussy-beige: #d6c8c0;
$unfussy-beige-rgb: 214, 200, 192;
$unfussy-beige-light: mix(#fff, $unfussy-beige, 20%);
$unfussy-beige-dark: mix(#000, $unfussy-beige, 20%);
.element {
color: $unfussy-beige;
box-shadow: 0 0 0 2px rgba($unfussy-beige, 0.35);
}