Benoemde kleur · #E5DDCB
Light Hog Bristle
Light Hog Bristle is #E5DDCB: rgb(229 221 203), hsl(42 33% 85%), oklch(0.899 0.026 86.9). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Light Hog Bristle color name →
#E5DDCB
oklch(0.899 0.026 86.9)
Kleurconversies
- HEX
- #e5ddcb
- RGB
- rgb(229 221 203)
- HSL
- hsl(42 33% 85%)
- HWB
- hwb(42 80% 10%)
- OKLCH
- oklch(0.899 0.026 86.9)
- OKLab
- oklab(0.899 0.001 0.026)
- CIE Lab
- lab(88.39 0.59 9.9)
- LCH
- lch(88.39 9.91 86.6)
- CMYK
- cmyk(0% 3% 11% 10%)
Tinten · Schaduwen · Tonen
Tinten
- E8E0D0
- EAE4D5
- EDE7DA
- EFEBE0
- F2EEE5
- F5F1EA
- F7F5EF
- FAF8F5
- FCFCFA
Schaduwen
- C7C0B0
- AAA496
- 8E887D
- 726E65
- 58554D
- 3F3D37
- 282622
- 12110F
- 030202
Tonen
- DAD3C3
- D0CABC
- C6C0B4
- BBB7AC
- B1ADA5
- A7A49D
- 9D9B96
- 93928F
- 8A8987
Kleurharmonieën
Complementair +180°
- E5DDCB
Light Hog Bristle
- D6DEEF
≈ Weeping Wisteria
Analoog -30° +30°
- E5DDCB
Light Hog Bristle
- ECDACE
≈ Nectar
- DCE0CD
≈ Gentle Frost
Triadisch +120° +240°
- E5DDCB
Light Hog Bristle
- CBE3E6
≈ Wave Splash
- E7D8E7
≈ Pale Grey Magenta
Gesplitst complementair +150° +210°
- E5DDCB
Light Hog Bristle
- CFE1ED
≈ Cold Turbulence
- DFDBED
≈ Chinese Silver
Tetradisch +90° +180° +270°
- E5DDCB
Light Hog Bristle
- CDE4DD
≈ Light Picnic Bay
- D6DEEF
≈ Weeping Wisteria
- EDD7DE
≈ Pineberry
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.35:1 · APCA Lc 17
Ag
AAAOp zwart
WCAG 15.53:1 · APCA Lc 86
Beste tekstkleur: #000000
WCAG 15.53:1 (AAA) · APCA Lc 86
Contrast pairs
Codefragmenten
CSS
:root {
--light-hog-bristle: #e5ddcb;
--light-hog-bristle-rgb: 229 221 203;
--light-hog-bristle-oklch: oklch(0.899 0.026 86.9);
}
.element {
color: var(--light-hog-bristle);
background-color: hsl(42 33% 85%);
border-color: oklch(0.899 0.026 86.9);
}Tailwind CSS v4
@theme {
--color-light-hog-bristle: #e5ddcb;
--color-light-hog-bristle-50: #f8f5ed;
--color-light-hog-bristle-100: #ebe8de;
--color-light-hog-bristle-200: #d9d4c8;
--color-light-hog-bristle-300: #bdb7a9;
--color-light-hog-bristle-400: #a59e8e;
--color-light-hog-bristle-500: #8d8573;
--color-light-hog-bristle-600: #787162;
--color-light-hog-bristle-700: #605a4e;
--color-light-hog-bristle-800: #464238;
--color-light-hog-bristle-900: #312d27;
--color-light-hog-bristle-950: #1d1a15;
}SCSS
$light-hog-bristle: #e5ddcb;
$light-hog-bristle-rgb: 229, 221, 203;
$light-hog-bristle-light: mix(#fff, $light-hog-bristle, 20%);
$light-hog-bristle-dark: mix(#000, $light-hog-bristle, 20%);
.element {
color: $light-hog-bristle;
box-shadow: 0 0 0 2px rgba($light-hog-bristle, 0.35);
}