En yakın adlandırılmış renk · #ECD8D3
#ECD8D3
En yakın adlandırılmış renk: Fiesta
#ECD8D3 (rgb(236 216 211), hsl(12 40% 88%), oklch(0.897 0.023 34.3)) en çok Fiesta adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#ECD8D3
oklch(0.897 0.023 34.3)
Renk dönüşümleri
- HEX
- #ecd8d3
- RGB
- rgb(236 216 211)
- HSL
- hsl(12 40% 88%)
- HWB
- hwb(12 83% 7%)
- OKLCH
- oklch(0.897 0.023 34.3)
- OKLab
- oklab(0.897 0.019 0.013)
- CIE Lab
- lab(87.89 6.52 5.1)
- LCH
- lch(87.89 8.28 38)
- CMYK
- cmyk(0% 8% 11% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EEDCD7
- F0E0DC
- F2E4E0
- F4E7E4
- F6EBE9
- F8EFED
- F9F3F2
- FBF7F6
- FDFBFB
Koyu tonlar
- CDBCB7
- AFA09C
- 928582
- 766B69
- 5B5351
- 423B3A
- 292524
- 131110
- 030202
Gri tonlar
- E1CFCA
- D6C6C2
- CABDB9
- BFB4B1
- B5ABA9
- AAA2A0
- 9F9A98
- 959190
- 8A8888
Renk uyumları
Tamamlayıcı +180°
- ECD8D3
Fiesta
- CDE1E7
≈ Goddess
Analog -30° +30°
- ECD8D3
Fiesta
- ECD7DB
≈ Pale Rose
- E8DACE
≈ Malted Milk
Üçlü +120° +240°
- ECD8D3
Fiesta
- D2E2D6
≈ Minty Delight
- D8DCED
≈ Weeping Wisteria
Bölünmüş tamamlayıcı +150° +210°
- ECD8D3
Fiesta
- CDE2DF
≈ Big Sky
- D1DFEC
≈ Happy Thoughts
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.36:1 · APCA Lc 18
Ag
AAASiyah üzerinde
WCAG 15.32:1 · APCA Lc 85
En iyi metin rengi: #000000
WCAG 15.32:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--fiesta: #ecd8d3;
--fiesta-rgb: 236 216 211;
--fiesta-oklch: oklch(0.897 0.023 34.3);
}
.element {
color: var(--fiesta);
background-color: hsl(12 40% 88%);
border-color: oklch(0.897 0.023 34.3);
}Tailwind CSS v4
@theme {
--color-fiesta: #ecd8d3;
--color-fiesta-50: #fcf3f0;
--color-fiesta-100: #efe5e2;
--color-fiesta-200: #ded1cd;
--color-fiesta-300: #c3b4af;
--color-fiesta-400: #ac9a95;
--color-fiesta-500: #95817c;
--color-fiesta-600: #7e6d69;
--color-fiesta-700: #655754;
--color-fiesta-800: #4a403d;
--color-fiesta-900: #332c2a;
--color-fiesta-950: #1f1918;
}SCSS
$fiesta: #ecd8d3;
$fiesta-rgb: 236, 216, 211;
$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);
}