Benannte Farbe · #D0C7C3
Bleached Bare
Bleached Bare ist #D0C7C3: rgb(208 199 195), hsl(18 12% 79%), oklch(0.836 0.012 45.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Bleached Bare color name →
#D0C7C3
oklch(0.836 0.012 45.7)
Farbumrechnungen
- HEX
- #d0c7c3
- RGB
- rgb(208 199 195)
- HSL
- hsl(18 12% 79%)
- HWB
- hwb(18 76% 18%)
- OKLCH
- oklch(0.836 0.012 45.7)
- OKLab
- oklab(0.836 0.008 0.008)
- CIE Lab
- lab(80.9 2.72 3.19)
- LCH
- lch(80.9 4.19 49.5)
- CMYK
- cmyk(0% 4% 6% 18%)
Tints · Shades · Tones
Tints
- D5CCC9
- D9D2CF
- DED8D5
- E3DDDB
- E7E3E1
- ECE8E7
- F1EEED
- F5F4F3
- FAF9F9
Shades
- B5ADA9
- 9A9390
- 807A78
- 676260
- 4F4C4A
- 393634
- 232120
- 100E0E
- 020202
Tones
- C8C0BC
- BFB8B5
- B7B1AE
- AFAAA8
- A7A3A1
- 9F9C9A
- 979594
- 8F8E8D
- 888786
Farbharmonien
Komplementär +180°
- D0C7C3
Bleached Bare
- C2CBCF
≈ Stone Golem
Analog -30° +30°
- D0C7C3
Bleached Bare
- D1C6C7
≈ Vaguely Mauve
- CEC8C1
≈ Winter Haze
Triadisch +120° +240°
- D0C7C3
Bleached Bare
- C3CCC7
≈ Knightsbridge Mist
- C8C8D1
≈ Hyacinth Ice
Geteilt komplementär +150° +210°
- D0C7C3
Bleached Bare
- C1CCCB
≈ Scottish Heath
- C4CAD1
≈ Light Spirit
Tetradisch +90° +180° +270°
- D0C7C3
Bleached Bare
- C6CBC4
≈ Moss Ink
- C2CBCF
≈ Stone Golem
- CCC7CE
≈ Chrome Chalice
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.66:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.63:1 · APCA Lc 74
Beste Textfarbe: #000000
WCAG 12.63:1 (AAA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--bleached-bare: #d0c7c3;
--bleached-bare-rgb: 208 199 195;
--bleached-bare-oklch: oklch(0.836 0.012 45.7);
}
.element {
color: var(--bleached-bare);
background-color: hsl(18 12% 79%);
border-color: oklch(0.836 0.012 45.7);
}Tailwind CSS v4
@theme {
--color-bleached-bare: #d0c7c3;
--color-bleached-bare-50: #f8f4f2;
--color-bleached-bare-100: #ebe7e5;
--color-bleached-bare-200: #d9d3d0;
--color-bleached-bare-300: #bdb6b2;
--color-bleached-bare-400: #a59c99;
--color-bleached-bare-500: #8d8480;
--color-bleached-bare-600: #77706c;
--color-bleached-bare-700: #605957;
--color-bleached-bare-800: #46413f;
--color-bleached-bare-900: #302d2b;
--color-bleached-bare-950: #1d1a19;
}SCSS
$bleached-bare: #d0c7c3;
$bleached-bare-rgb: 208, 199, 195;
$bleached-bare-light: mix(#fff, $bleached-bare, 20%);
$bleached-bare-dark: mix(#000, $bleached-bare, 20%);
.element {
color: $bleached-bare;
box-shadow: 0 0 0 2px rgba($bleached-bare, 0.35);
}