Benoemde kleur · #CEC6BB
Zebra Finch
Zebra Finch is #CEC6BB: rgb(206 198 187), hsl(35 16% 77%), oklch(0.83 0.018 76.1). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Zebra Finch color name →
#CEC6BB
oklch(0.83 0.018 76.1)
Kleurconversies
- HEX
- #cec6bb
- RGB
- rgb(206 198 187)
- HSL
- hsl(35 16% 77%)
- HWB
- hwb(35 73% 19%)
- OKLCH
- oklch(0.83 0.018 76.1)
- OKLab
- oklab(0.83 0.004 0.017)
- CIE Lab
- lab(80.31 1.47 6.58)
- LCH
- lch(80.31 6.74 77.4)
- CMYK
- cmyk(0% 4% 9% 19%)
Tinten · Schaduwen · Tonen
Tinten
- D3CCC2
- D8D1C8
- DDD7CF
- E1DCD6
- E6E2DD
- EBE8E3
- F0EEEA
- F5F3F1
- FAF9F8
Schaduwen
- B3ACA2
- 98928A
- 7F7A73
- 66625C
- 4E4B46
- 383532
- 23211F
- 0F0E0D
- 020202
Tonen
- C6BFB5
- BEB8AF
- B6B0A9
- AEA9A3
- A6A29D
- 9E9B97
- 979491
- 8F8E8B
- 878786
Kleurharmonieën
Complementair +180°
- CEC6BB
Zebra Finch
- C0C8D3
≈ Northern Exposure
Analoog -30° +30°
- CEC6BB
Zebra Finch
- D2C4BE
≈ Josephine
- C8C8BB
≈ Upstate
Triadisch +120° +240°
- CEC6BB
Zebra Finch
- BBCBCB
≈ Ice Flow
- CCC4CF
≈ Orchid Hush
Gesplitst complementair +150° +210°
- CEC6BB
Zebra Finch
- BCCAD0
≈ Salvaged Silk
- C6C6D3
≈ Kiri Mist
Tetradisch +90° +180° +270°
- CEC6BB
Zebra Finch
- BDCBC5
≈ Soothing Spring
- C0C8D3
≈ Northern Exposure
- D0C3CA
≈ Limpid Light
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.69:1 · APCA Lc 30
Ag
AAAOp zwart
WCAG 12.41:1 · APCA Lc 73
Beste tekstkleur: #000000
WCAG 12.41:1 (AAA) · APCA Lc 73
Contrast pairs
Codefragmenten
CSS
:root {
--zebra-finch: #cec6bb;
--zebra-finch-rgb: 206 198 187;
--zebra-finch-oklch: oklch(0.83 0.018 76.1);
}
.element {
color: var(--zebra-finch);
background-color: hsl(35 16% 77%);
border-color: oklch(0.83 0.018 76.1);
}Tailwind CSS v4
@theme {
--color-zebra-finch: #cec6bb;
--color-zebra-finch-50: #f8f5f0;
--color-zebra-finch-100: #ebe7e1;
--color-zebra-finch-200: #d8d3cc;
--color-zebra-finch-300: #bcb6ae;
--color-zebra-finch-400: #a59d93;
--color-zebra-finch-500: #8d857a;
--color-zebra-finch-600: #777067;
--color-zebra-finch-700: #5f5a52;
--color-zebra-finch-800: #46423c;
--color-zebra-finch-900: #302d29;
--color-zebra-finch-950: #1d1a17;
}SCSS
$zebra-finch: #cec6bb;
$zebra-finch-rgb: 206, 198, 187;
$zebra-finch-light: mix(#fff, $zebra-finch, 20%);
$zebra-finch-dark: mix(#000, $zebra-finch, 20%);
.element {
color: $zebra-finch;
box-shadow: 0 0 0 2px rgba($zebra-finch, 0.35);
}