Adlandırılmış renk · #ECDDD4
Cliff Swallow
Cliff Swallow, #ECDDD4: rgb(236 221 212), hsl(22 39% 88%), oklch(0.907 0.021 53.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Cliff Swallow color name →
#ECDDD4
oklch(0.907 0.021 53.2)
Renk dönüşümleri
- HEX
- #ecddd4
- RGB
- rgb(236 221 212)
- HSL
- hsl(22 39% 88%)
- HWB
- hwb(22 83% 7%)
- OKLCH
- oklch(0.907 0.021 53.2)
- OKLab
- oklab(0.907 0.012 0.016)
- CIE Lab
- lab(89.15 4.2 6.38)
- LCH
- lch(89.15 7.64 56.6)
- CMYK
- cmyk(0% 6% 10% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EEE0D8
- F0E4DD
- F2E7E1
- F4EBE5
- F6EEE9
- F7F1EE
- F9F5F2
- FBF8F6
- FDFCFB
Koyu tonlar
- CDC0B8
- AFA49D
- 928883
- 766E69
- 5B5551
- 423D3A
- 292624
- 131110
- 030202
Gri tonlar
- E1D3CB
- D5CAC3
- CAC0BA
- BFB7B2
- B5ADA9
- AAA4A1
- 9F9B98
- 959290
- 8A8988
Renk uyumları
Tamamlayıcı +180°
- ECDDD4
Cliff Swallow
- D4E3EC
≈ Pale Grey Blue
Analog -30° +30°
- ECDDD4
Cliff Swallow
- EEDBDA
≈ Hyper Light Drifter
- E7DFD1
≈ Canvas Cloth
Üçlü +120° +240°
- ECDDD4
Cliff Swallow
- D3E5DF
≈ Morning Breeze
- E0DEED
≈ Imagination
Bölünmüş tamamlayıcı +150° +210°
- ECDDD4
Cliff Swallow
- D1E5E6
≈ Zircon Ice
- D9E1EF
≈ Timid Blue
Dörtlü +90° +180° +270°
- ECDDD4
Cliff Swallow
- D9E4D8
≈ Eye of the Storm
- D4E3EC
≈ Pale Grey Blue
- E7DCE8
≈ Orchid Lane
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.32:1 · APCA Lc 16
Ag
AAASiyah üzerinde
WCAG 15.85:1 · APCA Lc 88
En iyi metin rengi: #000000
WCAG 15.85:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--cliff-swallow: #ecddd4;
--cliff-swallow-rgb: 236 221 212;
--cliff-swallow-oklch: oklch(0.907 0.021 53.2);
}
.element {
color: var(--cliff-swallow);
background-color: hsl(22 39% 88%);
border-color: oklch(0.907 0.021 53.2);
}Tailwind CSS v4
@theme {
--color-cliff-swallow: #ecddd4;
--color-cliff-swallow-50: #faf4f0;
--color-cliff-swallow-100: #eee6e1;
--color-cliff-swallow-200: #dcd2cc;
--color-cliff-swallow-300: #c0b5ae;
--color-cliff-swallow-400: #a99b93;
--color-cliff-swallow-500: #92837a;
--color-cliff-swallow-600: #7b6f67;
--color-cliff-swallow-700: #635852;
--color-cliff-swallow-800: #48403c;
--color-cliff-swallow-900: #322c29;
--color-cliff-swallow-950: #1e1a17;
}SCSS
$cliff-swallow: #ecddd4;
$cliff-swallow-rgb: 236, 221, 212;
$cliff-swallow-light: mix(#fff, $cliff-swallow, 20%);
$cliff-swallow-dark: mix(#000, $cliff-swallow, 20%);
.element {
color: $cliff-swallow;
box-shadow: 0 0 0 2px rgba($cliff-swallow, 0.35);
}