Adlandırılmış renk · #CEC6BB
Zebra Finch
Zebra Finch, #CEC6BB: rgb(206 198 187), hsl(35 16% 77%), oklch(0.83 0.018 76.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Zebra Finch color name →
#CEC6BB
oklch(0.83 0.018 76.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D3CCC2
- D8D1C8
- DDD7CF
- E1DCD6
- E6E2DD
- EBE8E3
- F0EEEA
- F5F3F1
- FAF9F8
Koyu tonlar
- B3ACA2
- 98928A
- 7F7A73
- 66625C
- 4E4B46
- 383532
- 23211F
- 0F0E0D
- 020202
Gri tonlar
- C6BFB5
- BEB8AF
- B6B0A9
- AEA9A3
- A6A29D
- 9E9B97
- 979491
- 8F8E8B
- 878786
Renk uyumları
Tamamlayıcı +180°
- CEC6BB
Zebra Finch
- C0C8D3
≈ Northern Exposure
Analog -30° +30°
- CEC6BB
Zebra Finch
- D2C4BE
≈ Josephine
- C8C8BB
≈ Upstate
Üçlü +120° +240°
- CEC6BB
Zebra Finch
- BBCBCB
≈ Ice Flow
- CCC4CF
≈ Orchid Hush
Bölünmüş tamamlayıcı +150° +210°
- CEC6BB
Zebra Finch
- BCCAD0
≈ Salvaged Silk
- C6C6D3
≈ Kiri Mist
Dörtlü +90° +180° +270°
- CEC6BB
Zebra Finch
- BDCBC5
≈ Soothing Spring
- C0C8D3
≈ Northern Exposure
- D0C3CA
≈ Limpid Light
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.69:1 · APCA Lc 30
Ag
AAASiyah üzerinde
WCAG 12.41:1 · APCA Lc 73
En iyi metin rengi: #000000
WCAG 12.41:1 (AAA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
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);
}