가장 가까운 이름 색상 · #EEA284
#EEA284
가장 가까운 이름 색상: Creamy Peach
#EEA284(rgb(238 162 132), hsl(17 76% 73%), oklch(0.779 0.1 42.3))와 가장 가까운 이름 색상은 Creamy Peach입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#EEA284
oklch(0.779 0.1 42.3)
색상 변환
- HEX
- #eea284
- RGB
- rgb(238 162 132)
- HSL
- hsl(17 76% 73%)
- HWB
- hwb(17 52% 7%)
- OKLCH
- oklch(0.779 0.1 42.3)
- OKLab
- oklab(0.779 0.074 0.067)
- CIE Lab
- lab(73.75 26.52 27.65)
- LCH
- lch(73.75 38.32 46.2)
- CMYK
- cmyk(0% 32% 45% 7%)
틴트 · 셰이드 · 톤
틴트
- F0AB90
- F3B59C
- F5BEA9
- F7C7B5
- F9D1C1
- FADACD
- FCE3DA
- FDECE6
- FEF6F3
셰이드
- CF8C72
- B17760
- 93634F
- 774F3F
- 5C3C2F
- 422A20
- 2A1912
- 140A06
- 030101
톤
- E39F84
- D89C84
- CD9884
- C29583
- B79283
- AC8E83
- A18B82
- 968782
- 8B8481
색 조화
보색 +180°
- EEA284
Creamy Peach
- 67C6E5
≈ Candid Blue
유사색 -30° +30°
- EEA284
Creamy Peach
- F09CA6
≈ Candy Coated
- DFAD6D
≈ Necrophilic Brown
삼각 배색 +120° +240°
- EEA284
Creamy Peach
- 78CBA4
≈ Minted Elegance
- ADAFF6
≈ Wondrous Wisteria
분열 보색 +150° +210°
- EEA284
Creamy Peach
- 5FCCC8
≈ Setting Sail
- 88BBF6
≈ Electric Eel
사각 배색 +90° +180° +270°
- EEA284
Creamy Peach
- 9FC582
≈ Opaline Green
- 67C6E5
≈ Candid Blue
- CDA5E6
≈ Tropical Violet
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.07:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.13:1 · APCA Lc 62
가장 좋은 글자색: #000000
WCAG 10.13:1 (AAA) · APCA Lc 62
Contrast pairs
코드 스니펫
CSS
:root {
--creamy-peach: #eea284;
--creamy-peach-rgb: 238 162 132;
--creamy-peach-oklch: oklch(0.779 0.1 42.3);
}
.element {
color: var(--creamy-peach);
background-color: hsl(17 76% 73%);
border-color: oklch(0.779 0.1 42.3);
}Tailwind CSS v4
@theme {
--color-creamy-peach: #eea284;
--color-creamy-peach-50: #ffedde;
--color-creamy-peach-100: #ffdecd;
--color-creamy-peach-200: #fac7b2;
--color-creamy-peach-300: #e4a78e;
--color-creamy-peach-400: #d18b6f;
--color-creamy-peach-500: #bd6e4f;
--color-creamy-peach-600: #a05e43;
--color-creamy-peach-700: #804b35;
--color-creamy-peach-800: #5f3627;
--color-creamy-peach-900: #43251a;
--color-creamy-peach-950: #2b130b;
}SCSS
$creamy-peach: #eea284;
$creamy-peach-rgb: 238, 162, 132;
$creamy-peach-light: mix(#fff, $creamy-peach, 20%);
$creamy-peach-dark: mix(#000, $creamy-peach, 20%);
.element {
color: $creamy-peach;
box-shadow: 0 0 0 2px rgba($creamy-peach, 0.35);
}