이름 색상 · #CEDCCA
Leek White
Leek White은(는) #CEDCCA: rgb(206 220 202), hsl(107 20% 83%), oklch(0.879 0.029 138.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Leek White color name →
#CEDCCA
oklch(0.879 0.029 138.7)
색상 변환
- HEX
- #cedcca
- RGB
- rgb(206 220 202)
- HSL
- hsl(107 20% 83%)
- HWB
- hwb(107 79% 14%)
- OKLCH
- oklch(0.879 0.029 138.7)
- OKLab
- oklab(0.879 -0.022 0.019)
- CIE Lab
- lab(86.32 -7.32 7.18)
- LCH
- lch(86.32 10.25 135.6)
- CMYK
- cmyk(6% 0% 8% 14%)
틴트 · 셰이드 · 톤
틴트
- D3DFCF
- D8E3D4
- DDE6DA
- E1EADF
- E6EDE4
- EBF1EA
- F0F4EF
- F5F8F4
- FAFBFA
셰이드
- B3BFAF
- 98A395
- 7F887C
- 666E64
- 4E544D
- 383C37
- 232622
- 0F110F
- 020202
톤
- C6D2C2
- BEC9BB
- B6BFB3
- AEB6AC
- A6ADA4
- 9EA49D
- 979B96
- 8F928E
- 878987
색 조화
보색 +180°
- CEDCCA
Leek White
- E0D2E3
≈ Purplish White
유사색 -30° +30°
- CEDCCA
Leek White
- D8D9C4
≈ Smoky Light
- C6DED4
≈ Kappa Green
삼각 배색 +120° +240°
- CEDCCA
Leek White
- CCD8EA
≈ Lilac Cotton Candy
- EAD0D0
≈ Salmon Cream
분열 보색 +150° +210°
- CEDCCA
Leek White
- D6D5E9
≈ Dulcinea
- E7D0DA
≈ Nefarious Mauve
사각 배색 +90° +180° +270°
- CEDCCA
Leek White
- C5DBE6
≈ King of Waves
- E0D2E3
≈ Purplish White
- E8D2C7
≈ Bizarre
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.42:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.71:1 · APCA Lc 83
가장 좋은 글자색: #000000
WCAG 14.71:1 (AAA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--leek-white: #cedcca;
--leek-white-rgb: 206 220 202;
--leek-white-oklch: oklch(0.879 0.029 138.7);
}
.element {
color: var(--leek-white);
background-color: hsl(107 20% 83%);
border-color: oklch(0.879 0.029 138.7);
}Tailwind CSS v4
@theme {
--color-leek-white: #cedcca;
--color-leek-white-50: #f1f7f0;
--color-leek-white-100: #e3eae1;
--color-leek-white-200: #ced7cc;
--color-leek-white-300: #b0bbae;
--color-leek-white-400: #96a393;
--color-leek-white-500: #7d8b79;
--color-leek-white-600: #6a7666;
--color-leek-white-700: #555e52;
--color-leek-white-800: #3e453b;
--color-leek-white-900: #2b3029;
--color-leek-white-950: #181c16;
}SCSS
$leek-white: #cedcca;
$leek-white-rgb: 206, 220, 202;
$leek-white-light: mix(#fff, $leek-white, 20%);
$leek-white-dark: mix(#000, $leek-white, 20%);
.element {
color: $leek-white;
box-shadow: 0 0 0 2px rgba($leek-white, 0.35);
}