이름 색상 · #EEC9AA
Caramel Ice
Caramel Ice은(는) #EEC9AA: rgb(238 201 170), hsl(27 67% 80%), oklch(0.86 0.059 61.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Caramel Ice color name →
#EEC9AA
oklch(0.86 0.059 61.9)
색상 변환
- HEX
- #eec9aa
- RGB
- rgb(238 201 170)
- HSL
- hsl(27 67% 80%)
- HWB
- hwb(27 67% 7%)
- OKLCH
- oklch(0.86 0.059 61.9)
- OKLab
- oklab(0.86 0.028 0.052)
- CIE Lab
- lab(83.62 10.21 20.67)
- LCH
- lch(83.62 23.06 63.7)
- CMYK
- cmyk(0% 16% 29% 7%)
틴트 · 셰이드 · 톤
틴트
- F0CEB2
- F2D4BB
- F4D9C3
- F5DFCC
- F7E4D4
- F9E9DD
- FAEFE5
- FCF4EE
- FDFAF6
셰이드
- CFAE93
- B1957D
- 937C68
- 776453
- 5C4C3F
- 42362D
- 2A221B
- 140F0B
- 030201
톤
- E3C2A6
- D7BAA2
- CCB39E
- C1AB99
- B6A495
- AB9D91
- A0958D
- 958E89
- 8B8784
색 조화
보색 +180°
- EEC9AA
Caramel Ice
- B0D7F5
≈ Blue Rice
유사색 -30° +30°
- EEC9AA
Caramel Ice
- F5C4B9
≈ Serene Pink
- DFD0A5
≈ Foothills
삼각 배색 +120° +240°
- EEC9AA
Caramel Ice
- A6DED4
≈ Sparkling Mint
- D8C8F2
≈ Foggy Love
분열 보색 +150° +210°
- EEC9AA
Caramel Ice
- A4DCE7
≈ Charlotte
- C3CFF9
≈ Lavender Blue
사각 배색 +90° +180° +270°
- EEC9AA
Caramel Ice
- B5DDBE
≈ Ice Mist
- B0D7F5
≈ Blue Rice
- E9C3E2
≈ Sweet Alyssum
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.54:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.57:1 · APCA Lc 78
가장 좋은 글자색: #000000
WCAG 13.57:1 (AAA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--caramel-ice: #eec9aa;
--caramel-ice-rgb: 238 201 170;
--caramel-ice-oklch: oklch(0.86 0.059 61.9);
}
.element {
color: var(--caramel-ice);
background-color: hsl(27 67% 80%);
border-color: oklch(0.86 0.059 61.9);
}Tailwind CSS v4
@theme {
--color-caramel-ice: #eec9aa;
--color-caramel-ice-50: #fff2e4;
--color-caramel-ice-100: #f7e4d4;
--color-caramel-ice-200: #e7d0bb;
--color-caramel-ice-300: #ceb299;
--color-caramel-ice-400: #b8977b;
--color-caramel-ice-500: #a37e5d;
--color-caramel-ice-600: #8a6a50;
--color-caramel-ice-700: #6e553f;
--color-caramel-ice-800: #523e2e;
--color-caramel-ice-900: #392a1f;
--color-caramel-ice-950: #23180f;
}SCSS
$caramel-ice: #eec9aa;
$caramel-ice-rgb: 238, 201, 170;
$caramel-ice-light: mix(#fff, $caramel-ice, 20%);
$caramel-ice-dark: mix(#000, $caramel-ice, 20%);
.element {
color: $caramel-ice;
box-shadow: 0 0 0 2px rgba($caramel-ice, 0.35);
}