Nazwany kolor · #ECE3D1
Canyon Cliffs
Canyon Cliffs to #ECE3D1: rgb(236 227 209), hsl(40 42% 87%), oklch(0.918 0.026 84.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Canyon Cliffs color name →
#ECE3D1
oklch(0.918 0.026 84.6)
Konwersje koloru
- HEX
- #ece3d1
- RGB
- rgb(236 227 209)
- HSL
- hsl(40 42% 87%)
- HWB
- hwb(40 82% 7%)
- OKLCH
- oklch(0.918 0.026 84.6)
- OKLab
- oklab(0.918 0.002 0.026)
- CIE Lab
- lab(90.6 0.94 9.97)
- LCH
- lch(90.6 10.02 84.6)
- CMYK
- cmyk(0% 4% 11% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EEE6D6
- F0E9DA
- F2EBDF
- F4EEE3
- F5F1E8
- F7F4ED
- F9F7F1
- FBF9F6
- FDFCFA
Odcienie ciemniejsze
- CDC5B5
- AFA89B
- 928C81
- 767168
- 5B5750
- 423F39
- 292723
- 131210
- 030302
Tony
- E1D9C9
- D5CEC0
- CAC4B8
- BFBAB0
- B5B0A8
- AAA6A0
- 9F9D98
- 959390
- 8A8988
Harmonie kolorów
Komplementarna +180°
- ECE3D1
Canyon Cliffs
- DBE4F6
≈ Aquarelle Purple
Analogowa -30° +30°
- ECE3D1
Canyon Cliffs
- F2E0D4
≈ Pink Scallop
- E3E6D3
≈ Sage Splash
Triada +120° +240°
- ECE3D1
Canyon Cliffs
- D1E9EC
≈ Enchanted Evening
- EDDEEE
≈ Divine Dove
Komplementarna rozszczepiona +150° +210°
- ECE3D1
Canyon Cliffs
- D4E7F3
≈ Freezing Vapour
- E5E1F4
≈ Lingering Lilac
Tetrada +90° +180° +270°
- ECE3D1
Canyon Cliffs
- D3EAE3
≈ Icy Glacier
- DBE4F6
≈ Aquarelle Purple
- F3DDE5
≈ Lavender Moon
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.27:1 · APCA Lc 14
Ag
AAANa czerni
WCAG 16.47:1 · APCA Lc 90
Najlepszy kolor tekstu: #000000
WCAG 16.47:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--canyon-cliffs: #ece3d1;
--canyon-cliffs-rgb: 236 227 209;
--canyon-cliffs-oklch: oklch(0.918 0.026 84.6);
}
.element {
color: var(--canyon-cliffs);
background-color: hsl(40 42% 87%);
border-color: oklch(0.918 0.026 84.6);
}Tailwind CSS v4
@theme {
--color-canyon-cliffs: #ece3d1;
--color-canyon-cliffs-50: #f8f5ed;
--color-canyon-cliffs-100: #ece7de;
--color-canyon-cliffs-200: #d9d4c8;
--color-canyon-cliffs-300: #bdb7a9;
--color-canyon-cliffs-400: #a69e8d;
--color-canyon-cliffs-500: #8e8573;
--color-canyon-cliffs-600: #787162;
--color-canyon-cliffs-700: #605a4e;
--color-canyon-cliffs-800: #474238;
--color-canyon-cliffs-900: #312d27;
--color-canyon-cliffs-950: #1d1a15;
}SCSS
$canyon-cliffs: #ece3d1;
$canyon-cliffs-rgb: 236, 227, 209;
$canyon-cliffs-light: mix(#fff, $canyon-cliffs, 20%);
$canyon-cliffs-dark: mix(#000, $canyon-cliffs, 20%);
.element {
color: $canyon-cliffs;
box-shadow: 0 0 0 2px rgba($canyon-cliffs, 0.35);
}