Dichtstbijzijnde benoemde kleur · #D1CBAF
#D1CBAF
Dichtstbijzijnde benoemde kleur: Berber
#D1CBAF (rgb(209 203 175), hsl(49 27% 75%), oklch(0.84 0.038 97.2)) komt het dichtst bij de benoemde kleur Berber. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#D1CBAF
oklch(0.84 0.038 97.2)
Kleurconversies
- HEX
- #d1cbaf
- RGB
- rgb(209 203 175)
- HSL
- hsl(49 27% 75%)
- HWB
- hwb(49 69% 18%)
- OKLCH
- oklch(0.84 0.038 97.2)
- OKLab
- oklab(0.84 -0.005 0.038)
- CIE Lab
- lab(81.62 -1.3 14.81)
- LCH
- lch(81.62 14.87 95)
- CMYK
- cmyk(0% 3% 16% 18%)
Tinten · Schaduwen · Tonen
Tinten
- D6D0B7
- DAD5BF
- DFDAC7
- E3E0CF
- E8E5D7
- ECEADF
- F1EFE7
- F6F4EF
- FAFAF7
Schaduwen
- B5B098
- 9B9681
- 817D6B
- 686556
- 504D41
- 39372E
- 23221C
- 100F0B
- 020201
Tonen
- C9C3AA
- C0BCA6
- B8B4A1
- B0AC9C
- A8A597
- A09D93
- 98968E
- 908F89
- 888785
Kleurharmonieën
Complementair +180°
- D1CBAF
Berber
- C4C9E4
≈ Silver Sweetpea
Analoog -30° +30°
- D1CBAF
Berber
- DCC6B1
≈ Arabian Sands
- C3CFB5
≈ Tender Greens
Triadisch +120° +240°
- D1CBAF
Berber
- AFD1DB
≈ Balboa
- DCC1D3
≈ Lilac Snow
Gesplitst complementair +150° +210°
- D1CBAF
Berber
- B7CDE3
≈ Morality
- D1C4DE
≈ Lavender Bliss
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.63:1 · APCA Lc 28
Ag
AAAOp zwart
WCAG 12.87:1 · APCA Lc 75
Beste tekstkleur: #000000
WCAG 12.87:1 (AAA) · APCA Lc 75
Contrast pairs
Codefragmenten
CSS
:root {
--berber: #d1cbaf;
--berber-rgb: 209 203 175;
--berber-oklch: oklch(0.84 0.038 97.2);
}
.element {
color: var(--berber);
background-color: hsl(49 27% 75%);
border-color: oklch(0.84 0.038 97.2);
}Tailwind CSS v4
@theme {
--color-berber: #d1cbaf;
--color-berber-50: #f8f6e9;
--color-berber-100: #ebe8da;
--color-berber-200: #d8d5c3;
--color-berber-300: #bcb8a2;
--color-berber-400: #a49f85;
--color-berber-500: #8d876a;
--color-berber-600: #77725a;
--color-berber-700: #5f5b48;
--color-berber-800: #464233;
--color-berber-900: #312e23;
--color-berber-950: #1d1b12;
}SCSS
$berber: #d1cbaf;
$berber-rgb: 209, 203, 175;
$berber-light: mix(#fff, $berber, 20%);
$berber-dark: mix(#000, $berber, 20%);
.element {
color: $berber;
box-shadow: 0 0 0 2px rgba($berber, 0.35);
}