가장 가까운 이름 색상 · #EAAB82
#EAAB82
가장 가까운 이름 색상: Peach Taffy
#EAAB82(rgb(234 171 130), hsl(24 71% 71%), oklch(0.791 0.092 54))와 가장 가까운 이름 색상은 Peach Taffy입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#EAAB82
oklch(0.791 0.092 54)
색상 변환
- HEX
- #eaab82
- RGB
- rgb(234 171 130)
- HSL
- hsl(24 71% 71%)
- HWB
- hwb(24 51% 8%)
- OKLCH
- oklch(0.791 0.092 54)
- OKLab
- oklab(0.791 0.054 0.075)
- CIE Lab
- lab(75.36 20.25 30.69)
- LCH
- lch(75.36 36.77 56.6)
- CMYK
- cmyk(0% 27% 44% 8%)
틴트 · 셰이드 · 톤
틴트
- EDB38F
- EFBC9B
- F2C4A8
- F4CDB4
- F6D5C0
- F8DDCD
- FAE6D9
- FCEEE6
- FDF7F2
셰이드
- CB9470
- AE7E5F
- 91684E
- 75543E
- 5A402F
- 412D20
- 291B12
- 130B06
- 030101
톤
- DFA782
- D5A383
- CA9E83
- BF9A83
- B59682
- AA9282
- A08D82
- 958981
- 8B8481
색 조화
보색 +180°
- EAAB82
Peach Taffy
- 7DC5ED
≈ Spritzig
유사색 -30° +30°
- EAAB82
Peach Taffy
- F1A49E
≈ Modestly Peach
- D7B674
≈ Sinking Sand
삼각 배색 +120° +240°
- EAAB82
Peach Taffy
- 77CFB6
≈ Seafoam Blue
- BEB0F1
≈ Purple Sand
분열 보색 +150° +210°
- EAAB82
Peach Taffy
- 6BCCD6
≈ Beach Sparkle
- 9DBBF7
≈ Truesky Gloxym
사각 배색 +90° +180° +270°
- EAAB82
Peach Taffy
- 97CB95
≈ Kettle Drum
- 7DC5ED
≈ Spritzig
- D9A7DD
≈ Barely Bloomed
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.97:1 · APCA Lc 38
Ag
AAA검은색 위
WCAG 10.64:1 · APCA Lc 64
가장 좋은 글자색: #000000
WCAG 10.64:1 (AAA) · APCA Lc 64
Contrast pairs
코드 스니펫
CSS
:root {
--peach-taffy: #eaab82;
--peach-taffy-rgb: 234 171 130;
--peach-taffy-oklch: oklch(0.791 0.092 54);
}
.element {
color: var(--peach-taffy);
background-color: hsl(24 71% 71%);
border-color: oklch(0.791 0.092 54);
}Tailwind CSS v4
@theme {
--color-peach-taffy: #eaab82;
--color-peach-taffy-50: #ffefdc;
--color-peach-taffy-100: #ffe1cb;
--color-peach-taffy-200: #f4cbaf;
--color-peach-taffy-300: #ddac8a;
--color-peach-taffy-400: #ca906a;
--color-peach-taffy-500: #b57448;
--color-peach-taffy-600: #99633e;
--color-peach-taffy-700: #7b4f31;
--color-peach-taffy-800: #5c3923;
--color-peach-taffy-900: #402717;
--color-peach-taffy-950: #291508;
}SCSS
$peach-taffy: #eaab82;
$peach-taffy-rgb: 234, 171, 130;
$peach-taffy-light: mix(#fff, $peach-taffy, 20%);
$peach-taffy-dark: mix(#000, $peach-taffy, 20%);
.element {
color: $peach-taffy;
box-shadow: 0 0 0 2px rgba($peach-taffy, 0.35);
}