Najbliższy nazwany kolor · #ECD6D2
#ECD6D2
Najbliższy nazwany kolor: Fiesta
#ECD6D2 (rgb(236 214 210), hsl(9 41% 87%), oklch(0.893 0.025 29.9)) jest najbliższy nazwanemu kolorowi Fiesta. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#ECD6D2
oklch(0.893 0.025 29.9)
Konwersje koloru
- HEX
- #ecd6d2
- RGB
- rgb(236 214 210)
- HSL
- hsl(9 41% 87%)
- HWB
- hwb(9 82% 7%)
- OKLCH
- oklch(0.893 0.025 29.9)
- OKLab
- oklab(0.893 0.022 0.013)
- CIE Lab
- lab(87.38 7.38 4.89)
- LCH
- lch(87.38 8.86 33.5)
- CMYK
- cmyk(0% 9% 11% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EEDAD6
- F0DEDB
- F2E2DF
- F4E6E4
- F6EAE8
- F8EEED
- F9F3F1
- FBF7F6
- FDFBFA
Odcienie ciemniejsze
- CDBAB6
- AF9E9B
- 928481
- 766A68
- 5B5250
- 423B39
- 292524
- 131010
- 030202
Tony
- E1CDC9
- D6C4C1
- CABBB9
- BFB3B0
- B5AAA8
- AAA1A0
- 9F9998
- 959190
- 8A8888
Harmonie kolorów
Komplementarna +180°
- ECD6D2
Fiesta
- CAE1E5
≈ Melting Point
Analogowa -30° +30°
- ECD6D2
Fiesta
- EBD5DB
≈ Berry Taffy
- E9D8CC
≈ Malted Milk
Triada +120° +240°
- ECD6D2
Fiesta
- D1E1D3
≈ Misty Marsh
- D5DBED
≈ Snowy Shadow
Komplementarna rozszczepiona +150° +210°
- ECD6D2
Fiesta
- CBE2DC
≈ Ice Bomb
- CDDEEB
≈ CO₂
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.38:1 · APCA Lc 19
Ag
AAANa czerni
WCAG 15.11:1 · APCA Lc 85
Najlepszy kolor tekstu: #000000
WCAG 15.11:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--fiesta: #ecd6d2;
--fiesta-rgb: 236 214 210;
--fiesta-oklch: oklch(0.893 0.025 29.9);
}
.element {
color: var(--fiesta);
background-color: hsl(9 41% 87%);
border-color: oklch(0.893 0.025 29.9);
}Tailwind CSS v4
@theme {
--color-fiesta: #ecd6d2;
--color-fiesta-50: #fcf3f1;
--color-fiesta-100: #f0e5e3;
--color-fiesta-200: #dfd1ce;
--color-fiesta-300: #c4b3af;
--color-fiesta-400: #ad9996;
--color-fiesta-500: #96807c;
--color-fiesta-600: #7f6d69;
--color-fiesta-700: #665754;
--color-fiesta-800: #4b3f3e;
--color-fiesta-900: #342c2a;
--color-fiesta-950: #1f1918;
}SCSS
$fiesta: #ecd6d2;
$fiesta-rgb: 236, 214, 210;
$fiesta-light: mix(#fff, $fiesta, 20%);
$fiesta-dark: mix(#000, $fiesta, 20%);
.element {
color: $fiesta;
box-shadow: 0 0 0 2px rgba($fiesta, 0.35);
}