Nazwany kolor · #EFE3D9
Almond Icing
Almond Icing to #EFE3D9: rgb(239 227 217), hsl(27 41% 89%), oklch(0.923 0.019 62.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Almond Icing color name →
#EFE3D9
oklch(0.923 0.019 62.4)
Konwersje koloru
- HEX
- #efe3d9
- RGB
- rgb(239 227 217)
- HSL
- hsl(27 41% 89%)
- HWB
- hwb(27 85% 6%)
- OKLCH
- oklch(0.923 0.019 62.4)
- OKLab
- oklab(0.923 0.009 0.017)
- CIE Lab
- lab(91 2.98 6.44)
- LCH
- lch(91 7.09 65.2)
- CMYK
- cmyk(0% 5% 9% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F1E6DD
- F2E9E1
- F4EBE4
- F5EEE8
- F7F1EC
- F9F4F0
- FAF7F4
- FCF9F7
- FDFCFB
Odcienie ciemniejsze
- D0C5BC
- B1A8A1
- 948C86
- 78716C
- 5C5753
- 423F3B
- 2A2725
- 141211
- 030302
Tony
- E3D9D0
- D8CEC7
- CCC4BD
- C1BAB4
- B6B0AB
- ABA6A3
- A09D9A
- 959391
- 8B8989
Harmonie kolorów
Komplementarna +180°
- EFE3D9
Almond Icing
- DBE7F1
≈ Icicle Veil
Analogowa -30° +30°
- EFE3D9
Almond Icing
- F2E1DE
≈ Bare Pink
- EAE5D8
≈ Helium
Triada +120° +240°
- EFE3D9
Almond Icing
- D9EAE6
≈ Tropical Dream
- E8E3F0
≈ Modest Violet
Komplementarna rozszczepiona +150° +210°
- EFE3D9
Almond Icing
- D8E9ED
≈ Sidewalk Chalk Blue
- E1E5F2
≈ Crystal Falls
Tetrada +90° +180° +270°
- EFE3D9
Almond Icing
- DDE9DF
≈ Watermark
- DBE7F1
≈ Icicle Veil
- EDE1EB
≈ Heaven Sent
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.26:1 · APCA Lc 13
Ag
AAANa czerni
WCAG 16.65:1 · APCA Lc 91
Najlepszy kolor tekstu: #000000
WCAG 16.65:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--almond-icing: #efe3d9;
--almond-icing-rgb: 239 227 217;
--almond-icing-oklch: oklch(0.923 0.019 62.4);
}
.element {
color: var(--almond-icing);
background-color: hsl(27 41% 89%);
border-color: oklch(0.923 0.019 62.4);
}Tailwind CSS v4
@theme {
--color-almond-icing: #efe3d9;
--color-almond-icing-50: #f9f4f0;
--color-almond-icing-100: #ece7e1;
--color-almond-icing-200: #dad3cc;
--color-almond-icing-300: #beb6ae;
--color-almond-icing-400: #a79c93;
--color-almond-icing-500: #90847a;
--color-almond-icing-600: #796f67;
--color-almond-icing-700: #615952;
--color-almond-icing-800: #47413c;
--color-almond-icing-900: #312d29;
--color-almond-icing-950: #1d1a17;
}SCSS
$almond-icing: #efe3d9;
$almond-icing-rgb: 239, 227, 217;
$almond-icing-light: mix(#fff, $almond-icing, 20%);
$almond-icing-dark: mix(#000, $almond-icing, 20%);
.element {
color: $almond-icing;
box-shadow: 0 0 0 2px rgba($almond-icing, 0.35);
}