Benoemde kleur · #CABEAD
Minimalist
Minimalist is #CABEAD: rgb(202 190 173), hsl(35 21% 74%), oklch(0.807 0.027 76.8). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Minimalist color name →
#CABEAD
oklch(0.807 0.027 76.8)
Kleurconversies
- HEX
- #cabead
- RGB
- rgb(202 190 173)
- HSL
- hsl(35 21% 74%)
- HWB
- hwb(35 68% 21%)
- OKLCH
- oklch(0.807 0.027 76.8)
- OKLab
- oklab(0.807 0.006 0.026)
- CIE Lab
- lab(77.63 2.26 10.22)
- LCH
- lch(77.63 10.46 77.5)
- CMYK
- cmyk(0% 6% 14% 21%)
Tinten · Schaduwen · Tonen
Tinten
- CFC4B5
- D4CBBD
- DAD1C5
- DFD8CD
- E4DED5
- EAE5DE
- EFEBE6
- F4F2EE
- FAF8F7
Schaduwen
- AFA596
- 958C7F
- 7C756A
- 645E55
- 4D4841
- 37332D
- 221F1B
- 0F0D0B
- 020201
Tonen
- C2B8A8
- BBB1A4
- B3AB9F
- ACA59B
- A49E96
- 9D9892
- 96928D
- 8E8C89
- 878684
Kleurharmonieën
Complementair +180°
- CABEAD
Minimalist
- B5C1D2
≈ Snow Flurries
Analoog -30° +30°
- CABEAD
Minimalist
- D0BBB1
≈ Desert Morning
- C1C1AE
≈ Kidnapper
Triadisch +120° +240°
- CABEAD
Minimalist
- ADC6C6
≈ Blue Agave
- C7BBCC
≈ Last of the Lilacs
Gesplitst complementair +150° +210°
- CABEAD
Minimalist
- AEC4CE
≈ Heron Wing
- BEBED1
≈ Twilight Pearl
Tetradisch +90° +180° +270°
- CABEAD
Minimalist
- B0C6BC
≈ Sparkling Lake
- B5C1D2
≈ Snow Flurries
- CEB9C3
≈ Rose Marble
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.82:1 · APCA Lc 34
Ag
AAAOp zwart
WCAG 11.48:1 · APCA Lc 68
Beste tekstkleur: #000000
WCAG 11.48:1 (AAA) · APCA Lc 68
Contrast pairs
Codefragmenten
CSS
:root {
--minimalist: #cabead;
--minimalist-rgb: 202 190 173;
--minimalist-oklch: oklch(0.807 0.027 76.8);
}
.element {
color: var(--minimalist);
background-color: hsl(35 21% 74%);
border-color: oklch(0.807 0.027 76.8);
}Tailwind CSS v4
@theme {
--color-minimalist: #cabead;
--color-minimalist-50: #f9f4ed;
--color-minimalist-100: #ede7de;
--color-minimalist-200: #dbd3c8;
--color-minimalist-300: #bfb6a8;
--color-minimalist-400: #a89d8d;
--color-minimalist-500: #918473;
--color-minimalist-600: #7a7061;
--color-minimalist-700: #62594e;
--color-minimalist-800: #484138;
--color-minimalist-900: #322d26;
--color-minimalist-950: #1e1a15;
}SCSS
$minimalist: #cabead;
$minimalist-rgb: 202, 190, 173;
$minimalist-light: mix(#fff, $minimalist, 20%);
$minimalist-dark: mix(#000, $minimalist, 20%);
.element {
color: $minimalist;
box-shadow: 0 0 0 2px rgba($minimalist, 0.35);
}