이름 색상 · #CEC6BB
Zebra Finch
Zebra Finch은(는) #CEC6BB: rgb(206 198 187), hsl(35 16% 77%), oklch(0.83 0.018 76.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Zebra Finch color name →
#CEC6BB
oklch(0.83 0.018 76.1)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- D3CCC2
- D8D1C8
- DDD7CF
- E1DCD6
- E6E2DD
- EBE8E3
- F0EEEA
- F5F3F1
- FAF9F8
셰이드
- B3ACA2
- 98928A
- 7F7A73
- 66625C
- 4E4B46
- 383532
- 23211F
- 0F0E0D
- 020202
톤
- C6BFB5
- BEB8AF
- B6B0A9
- AEA9A3
- A6A29D
- 9E9B97
- 979491
- 8F8E8B
- 878786
색 조화
보색 +180°
- CEC6BB
Zebra Finch
- C0C8D3
≈ Northern Exposure
유사색 -30° +30°
- CEC6BB
Zebra Finch
- D2C4BE
≈ Josephine
- C8C8BB
≈ Upstate
삼각 배색 +120° +240°
- CEC6BB
Zebra Finch
- BBCBCB
≈ Ice Flow
- CCC4CF
≈ Orchid Hush
분열 보색 +150° +210°
- CEC6BB
Zebra Finch
- BCCAD0
≈ Salvaged Silk
- C6C6D3
≈ Kiri Mist
사각 배색 +90° +180° +270°
- CEC6BB
Zebra Finch
- BDCBC5
≈ Soothing Spring
- C0C8D3
≈ Northern Exposure
- D0C3CA
≈ Limpid Light
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.69:1 · APCA Lc 30
Ag
AAA검은색 위
WCAG 12.41:1 · APCA Lc 73
가장 좋은 글자색: #000000
WCAG 12.41:1 (AAA) · APCA Lc 73
Contrast pairs
코드 스니펫
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);
}