Adlandırılmış renk · #F4DED3
Ambrosia Salad
Ambrosia Salad, #F4DED3: rgb(244 222 211), hsl(20 60% 89%), oklch(0.915 0.029 48.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Ambrosia Salad color name →
#F4DED3
oklch(0.915 0.029 48.4)
Renk dönüşümleri
- HEX
- #f4ded3
- RGB
- rgb(244 222 211)
- HSL
- hsl(20 60% 89%)
- HWB
- hwb(20 83% 4%)
- OKLCH
- oklch(0.915 0.029 48.4)
- OKLab
- oklab(0.915 0.019 0.021)
- CIE Lab
- lab(90.06 6.5 8.3)
- LCH
- lch(90.06 10.54 51.9)
- CMYK
- cmyk(0% 9% 14% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F5E1D7
- F6E5DC
- F7E8E0
- F9EBE4
- FAEEE9
- FBF2ED
- FCF5F2
- FDF8F6
- FEFCFB
Koyu tonlar
- D4C1B7
- B5A59C
- 978982
- 7A6F69
- 5E5551
- 443D3A
- 2B2624
- 141210
- 030202
Gri tonlar
- E8D4CA
- DCCAC2
- D0C1B9
- C4B7B1
- B8AEA9
- ADA4A0
- A19B98
- 969290
- 8B8988
Renk uyumları
Tamamlayıcı +180°
- F4DED3
Ambrosia Salad
- D0E7F2
≈ On Thin Ice
Analog -30° +30°
- F4DED3
Ambrosia Salad
- F6DCDC
≈ In Your Dreams
- EEE1CE
≈ Victorian Lace
Üçlü +120° +240°
- F4DED3
Ambrosia Salad
- D2EAE0
≈ Icy Glacier
- E2E1F6
≈ Lingering Lilac
Bölünmüş tamamlayıcı +150° +210°
- F4DED3
Ambrosia Salad
- CEE9EA
≈ Field Frost
- D8E4F7
≈ Aquarelle Purple
Dörtlü +90° +180° +270°
- F4DED3
Ambrosia Salad
- DAE8D6
≈ Little Sprout
- D0E7F2
≈ On Thin Ice
- EBDDF0
≈ Divine Dove
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.29:1 · APCA Lc 15
Ag
AAASiyah üzerinde
WCAG 16.23:1 · APCA Lc 89
En iyi metin rengi: #000000
WCAG 16.23:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
CSS
:root {
--ambrosia-salad: #f4ded3;
--ambrosia-salad-rgb: 244 222 211;
--ambrosia-salad-oklch: oklch(0.915 0.029 48.4);
}
.element {
color: var(--ambrosia-salad);
background-color: hsl(20 60% 89%);
border-color: oklch(0.915 0.029 48.4);
}Tailwind CSS v4
@theme {
--color-ambrosia-salad: #f4ded3;
--color-ambrosia-salad-50: #fcf3ee;
--color-ambrosia-salad-100: #f0e5e0;
--color-ambrosia-salad-200: #dfd1ca;
--color-ambrosia-salad-300: #c4b4ab;
--color-ambrosia-salad-400: #ad9a90;
--color-ambrosia-salad-500: #978176;
--color-ambrosia-salad-600: #7f6d64;
--color-ambrosia-salad-700: #665750;
--color-ambrosia-salad-800: #4b403a;
--color-ambrosia-salad-900: #342c28;
--color-ambrosia-salad-950: #201916;
}SCSS
$ambrosia-salad: #f4ded3;
$ambrosia-salad-rgb: 244, 222, 211;
$ambrosia-salad-light: mix(#fff, $ambrosia-salad, 20%);
$ambrosia-salad-dark: mix(#000, $ambrosia-salad, 20%);
.element {
color: $ambrosia-salad;
box-shadow: 0 0 0 2px rgba($ambrosia-salad, 0.35);
}