Benoemde kleur · #E2DCCC
Catacomb Bone
Catacomb Bone is #E2DCCC: rgb(226 220 204), hsl(44 27% 84%), oklch(0.895 0.022 89.8). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Catacomb Bone color name →
#E2DCCC
oklch(0.895 0.022 89.8)
Kleurconversies
- HEX
- #e2dccc
- RGB
- rgb(226 220 204)
- HSL
- hsl(44 27% 84%)
- HWB
- hwb(44 80% 11%)
- OKLCH
- oklch(0.895 0.022 89.8)
- OKLab
- oklab(0.895 0 0.022)
- CIE Lab
- lab(87.91 0.1 8.66)
- LCH
- lch(87.91 8.66 89.3)
- CMYK
- cmyk(0% 3% 10% 11%)
Tinten · Schaduwen · Tonen
Tinten
- E5DFD1
- E8E3D6
- EBE6DB
- EEEAE0
- F0EDE5
- F3F1EA
- F6F4F0
- F9F8F5
- FCFBFA
Schaduwen
- C4BFB1
- A8A397
- 8C887E
- 716E65
- 57544E
- 3E3C37
- 272622
- 12110F
- 030202
Tonen
- D8D2C4
- CEC9BC
- C4BFB5
- BAB6AD
- B0ADA5
- A6A49E
- 9C9B96
- 93928F
- 898987
Kleurharmonieën
Complementair +180°
- E2DCCC
Catacomb Bone
- D6DCEC
≈ Weeping Wisteria
Analoog -30° +30°
- E2DCCC
Catacomb Bone
- E8D9CE
≈ Malted Milk
- DADFCE
≈ Gin
Triadisch +120° +240°
- E2DCCC
Catacomb Bone
- CCE1E4
≈ Melting Point
- E5D7E4
≈ Snuff
Gesplitst complementair +150° +210°
- E2DCCC
Catacomb Bone
- D0DFEA
≈ Happy Thoughts
- DED9E9
≈ Eyeshadow
Tetradisch +90° +180° +270°
- E2DCCC
Catacomb Bone
- CDE2DD
≈ Ice Bomb
- D6DCEC
≈ Weeping Wisteria
- EAD7DC
≈ Unfading Dusk
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.36:1 · APCA Lc 18
Ag
AAAOp zwart
WCAG 15.34:1 · APCA Lc 86
Beste tekstkleur: #000000
WCAG 15.34:1 (AAA) · APCA Lc 86
Contrast pairs
Codefragmenten
CSS
:root {
--catacomb-bone: #e2dccc;
--catacomb-bone-rgb: 226 220 204;
--catacomb-bone-oklch: oklch(0.895 0.022 89.8);
}
.element {
color: var(--catacomb-bone);
background-color: hsl(44 27% 84%);
border-color: oklch(0.895 0.022 89.8);
}Tailwind CSS v4
@theme {
--color-catacomb-bone: #e2dccc;
--color-catacomb-bone-50: #f7f5ee;
--color-catacomb-bone-100: #eae8e0;
--color-catacomb-bone-200: #d7d4ca;
--color-catacomb-bone-300: #bbb7ab;
--color-catacomb-bone-400: #a39e90;
--color-catacomb-bone-500: #8c8676;
--color-catacomb-bone-600: #767164;
--color-catacomb-bone-700: #5f5b50;
--color-catacomb-bone-800: #46423a;
--color-catacomb-bone-900: #302e28;
--color-catacomb-bone-950: #1c1a16;
}SCSS
$catacomb-bone: #e2dccc;
$catacomb-bone-rgb: 226, 220, 204;
$catacomb-bone-light: mix(#fff, $catacomb-bone, 20%);
$catacomb-bone-dark: mix(#000, $catacomb-bone, 20%);
.element {
color: $catacomb-bone;
box-shadow: 0 0 0 2px rgba($catacomb-bone, 0.35);
}