Adlandırılmış renk · #EDDCC8
Almond
Almond, #EDDCC8: rgb(237 220 200), hsl(32 51% 86%), oklch(0.903 0.033 71.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Almond color name →
#EDDCC8
oklch(0.903 0.033 71.9)
Renk dönüşümleri
- HEX
- #eddcc8
- RGB
- rgb(237 220 200)
- HSL
- hsl(32 51% 86%)
- HWB
- hwb(32 78% 7%)
- OKLCH
- oklch(0.903 0.033 71.9)
- OKLab
- oklab(0.903 0.01 0.031)
- CIE Lab
- lab(88.76 3.65 12.08)
- LCH
- lch(88.76 12.62 73.2)
- CMYK
- cmyk(0% 7% 16% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EFDFCD
- F1E3D3
- F2E6D8
- F4EADE
- F6EDE3
- F8F1E9
- FAF4EE
- FBF8F4
- FDFBF9
Koyu tonlar
- CEBFAE
- B0A394
- 93887B
- 776E63
- 5C544C
- 423C36
- 2A2621
- 14110F
- 030202
Gri tonlar
- E2D2C1
- D6C9B9
- CBC0B2
- C0B6AB
- B5ADA3
- AAA49C
- 9F9B95
- 95928E
- 8A8987
Renk uyumları
Tamamlayıcı +180°
- EDDCC8
Almond
- D0E1F5
≈ Light Breeze
Analog -30° +30°
- EDDCC8
Almond
- F3D8CE
≈ Pink Zest
- E3E0C8
≈ Egg Wash
Üçlü +120° +240°
- EDDCC8
Almond
- C7E6E4
≈ Polar Expedition
- E6D9EF
≈ Pouty Purple
Bölünmüş tamamlayıcı +150° +210°
- EDDCC8
Almond
- C8E4EF
≈ Sapphireberry
- DBDDF5
≈ Nostalgia Perfume
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.33:1 · APCA Lc 17
Ag
AAASiyah üzerinde
WCAG 15.67:1 · APCA Lc 87
En iyi metin rengi: #000000
WCAG 15.67:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--almond: #eddcc8;
--almond-rgb: 237 220 200;
--almond-oklch: oklch(0.903 0.033 71.9);
}
.element {
color: var(--almond);
background-color: hsl(32 51% 86%);
border-color: oklch(0.903 0.033 71.9);
}Tailwind CSS v4
@theme {
--color-almond: #eddcc8;
--color-almond-50: #fbf4eb;
--color-almond-100: #efe6dc;
--color-almond-200: #ddd2c5;
--color-almond-300: #c2b5a5;
--color-almond-400: #ab9c8a;
--color-almond-500: #94836f;
--color-almond-600: #7d6f5e;
--color-almond-700: #64594b;
--color-almond-800: #4a4136;
--color-almond-900: #332d25;
--color-almond-950: #1f1a14;
}SCSS
$almond: #eddcc8;
$almond-rgb: 237, 220, 200;
$almond-light: mix(#fff, $almond, 20%);
$almond-dark: mix(#000, $almond, 20%);
.element {
color: $almond;
box-shadow: 0 0 0 2px rgba($almond, 0.35);
}