이름 색상 · #EFE3D9
Almond Icing
Almond Icing은(는) #EFE3D9: rgb(239 227 217), hsl(27 41% 89%), oklch(0.923 0.019 62.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Almond Icing color name →
#EFE3D9
oklch(0.923 0.019 62.4)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- F1E6DD
- F2E9E1
- F4EBE4
- F5EEE8
- F7F1EC
- F9F4F0
- FAF7F4
- FCF9F7
- FDFCFB
셰이드
- D0C5BC
- B1A8A1
- 948C86
- 78716C
- 5C5753
- 423F3B
- 2A2725
- 141211
- 030302
톤
- E3D9D0
- D8CEC7
- CCC4BD
- C1BAB4
- B6B0AB
- ABA6A3
- A09D9A
- 959391
- 8B8989
색 조화
보색 +180°
- EFE3D9
Almond Icing
- DBE7F1
≈ Icicle Veil
유사색 -30° +30°
- EFE3D9
Almond Icing
- F2E1DE
≈ Bare Pink
- EAE5D8
≈ Helium
삼각 배색 +120° +240°
- EFE3D9
Almond Icing
- D9EAE6
≈ Tropical Dream
- E8E3F0
≈ Modest Violet
분열 보색 +150° +210°
- EFE3D9
Almond Icing
- D8E9ED
≈ Sidewalk Chalk Blue
- E1E5F2
≈ Crystal Falls
사각 배색 +90° +180° +270°
- EFE3D9
Almond Icing
- DDE9DF
≈ Watermark
- DBE7F1
≈ Icicle Veil
- EDE1EB
≈ Heaven Sent
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.26:1 · APCA Lc 13
Ag
AAA검은색 위
WCAG 16.65:1 · APCA Lc 91
가장 좋은 글자색: #000000
WCAG 16.65:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
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);
}