Warna bernama · #CEDCCA
Leek White
Leek White adalah #CEDCCA: rgb(206 220 202), hsl(107 20% 83%), oklch(0.879 0.029 138.7). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Leek White color name →
#CEDCCA
oklch(0.879 0.029 138.7)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- D3DFCF
- D8E3D4
- DDE6DA
- E1EADF
- E6EDE4
- EBF1EA
- F0F4EF
- F5F8F4
- FAFBFA
Shade
- B3BFAF
- 98A395
- 7F887C
- 666E64
- 4E544D
- 383C37
- 232622
- 0F110F
- 020202
Tone
- C6D2C2
- BEC9BB
- B6BFB3
- AEB6AC
- A6ADA4
- 9EA49D
- 979B96
- 8F928E
- 878987
Harmoni warna
Komplementer +180°
- CEDCCA
Leek White
- E0D2E3
≈ Purplish White
Analog -30° +30°
- CEDCCA
Leek White
- D8D9C4
≈ Smoky Light
- C6DED4
≈ Kappa Green
Triadik +120° +240°
- CEDCCA
Leek White
- CCD8EA
≈ Lilac Cotton Candy
- EAD0D0
≈ Salmon Cream
Split-komplementer +150° +210°
- CEDCCA
Leek White
- D6D5E9
≈ Dulcinea
- E7D0DA
≈ Nefarious Mauve
Tetradik +90° +180° +270°
- CEDCCA
Leek White
- C5DBE6
≈ King of Waves
- E0D2E3
≈ Purplish White
- E8D2C7
≈ Bizarre
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.42:1 · APCA Lc 21
Ag
AAADi atas hitam
WCAG 14.71:1 · APCA Lc 83
Warna teks terbaik: #000000
WCAG 14.71:1 (AAA) · APCA Lc 83
Contrast pairs
Cuplikan kode
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);
}