이름 색상 · #EEC87C
Almond Cookie
Almond Cookie은(는) #EEC87C: rgb(238 200 124), hsl(40 77% 71%), oklch(0.849 0.104 83.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Almond Cookie color name →
#EEC87C
oklch(0.849 0.104 83.7)
색상 변환
- HEX
- #eec87c
- RGB
- rgb(238 200 124)
- HSL
- hsl(40 77% 71%)
- HWB
- hwb(40 49% 7%)
- OKLCH
- oklch(0.849 0.104 83.7)
- OKLab
- oklab(0.849 0.011 0.103)
- CIE Lab
- lab(82.73 6.96 43.09)
- LCH
- lch(82.73 43.65 80.8)
- CMYK
- cmyk(0% 16% 48% 7%)
틴트 · 셰이드 · 톤
틴트
- F0CE8A
- F2D398
- F3D9A5
- F5DEB2
- F7E4BF
- F9E9CC
- FAEFD9
- FCF4E6
- FDFAF2
셰이드
- CFAE6B
- B1945A
- 937B4A
- 77633B
- 5C4C2C
- 42361E
- 2A2111
- 140F05
- 030201
톤
- E3C17E
- D7B97F
- CCB280
- C1AB81
- B6A481
- AB9D81
- A09581
- 958E81
- 8B8781
색 조화
보색 +180°
- EEC87C
Almond Cookie
- B5CEFF
≈ Ice Cold Stare
유사색 -30° +30°
- EEC87C
Almond Cookie
- FFBD93
≈ Sunset Cruise
- CDD585
≈ Lime Sherbet
삼각 배색 +120° +240°
- EEC87C
Almond Cookie
- 70E2EC
≈ Turkish Turquoise
- EFB7F5
≈ Euphoria
분열 보색 +150° +210°
- EEC87C
Almond Cookie
- 92D8FF
≈ Shiva Blue
- D0C4FF
≈ Innocent Snowdrop
사각 배색 +90° +180° +270°
- EEC87C
Almond Cookie
- 7FE4C8
≈ Clean Green
- B5CEFF
≈ Ice Cold Stare
- FFB4D2
≈ Pink Cattleya
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.59:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.18:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.18:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--almond-cookie: #eec87c;
--almond-cookie-rgb: 238 200 124;
--almond-cookie-oklch: oklch(0.849 0.104 83.7);
}
.element {
color: var(--almond-cookie);
background-color: hsl(40 77% 71%);
border-color: oklch(0.849 0.104 83.7);
}Tailwind CSS v4
@theme {
--color-almond-cookie: #eec87c;
--color-almond-cookie-50: #fff4d4;
--color-almond-cookie-100: #f8e6c1;
--color-almond-cookie-200: #e8d2a2;
--color-almond-cookie-300: #cfb479;
--color-almond-cookie-400: #bc9952;
--color-almond-cookie-500: #a77f24;
--color-almond-cookie-600: #8d6c21;
--color-almond-cookie-700: #71561a;
--color-almond-cookie-800: #543e11;
--color-almond-cookie-900: #3b2b0b;
--color-almond-cookie-950: #251801;
}SCSS
$almond-cookie: #eec87c;
$almond-cookie-rgb: 238, 200, 124;
$almond-cookie-light: mix(#fff, $almond-cookie, 20%);
$almond-cookie-dark: mix(#000, $almond-cookie, 20%);
.element {
color: $almond-cookie;
box-shadow: 0 0 0 2px rgba($almond-cookie, 0.35);
}