Couleur nommée · #ECDDD4
Cliff Swallow
Cliff Swallow correspond à #ECDDD4 : rgb(236 221 212), hsl(22 39% 88%), oklch(0.907 0.021 53.2). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Cliff Swallow color name →
#ECDDD4
oklch(0.907 0.021 53.2)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- EEE0D8
- F0E4DD
- F2E7E1
- F4EBE5
- F6EEE9
- F7F1EE
- F9F5F2
- FBF8F6
- FDFCFB
Ombres
- CDC0B8
- AFA49D
- 928883
- 766E69
- 5B5551
- 423D3A
- 292624
- 131110
- 030202
Tons
- E1D3CB
- D5CAC3
- CAC0BA
- BFB7B2
- B5ADA9
- AAA4A1
- 9F9B98
- 959290
- 8A8988
Harmonies de couleurs
Complémentaire +180°
- ECDDD4
Cliff Swallow
- D4E3EC
≈ Pale Grey Blue
Analogue -30° +30°
- ECDDD4
Cliff Swallow
- EEDBDA
≈ Hyper Light Drifter
- E7DFD1
≈ Canvas Cloth
Triadique +120° +240°
- ECDDD4
Cliff Swallow
- D3E5DF
≈ Morning Breeze
- E0DEED
≈ Imagination
Complémentaire divisée +150° +210°
- ECDDD4
Cliff Swallow
- D1E5E6
≈ Zircon Ice
- D9E1EF
≈ Timid Blue
Tétradique +90° +180° +270°
- ECDDD4
Cliff Swallow
- D9E4D8
≈ Eye of the Storm
- D4E3EC
≈ Pale Grey Blue
- E7DCE8
≈ Orchid Lane
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.32:1 · APCA Lc 16
Ag
AAASur noir
WCAG 15.85:1 · APCA Lc 88
Meilleure couleur de texte: #000000
WCAG 15.85:1 (AAA) · APCA Lc 88
Contrast pairs
Extraits de code
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);
}