가장 가까운 이름 색상 · #EED8CE
#EED8CE
가장 가까운 이름 색상: Blushing Coconut
#EED8CE(rgb(238 216 206), hsl(19 48% 87%), oklch(0.897 0.028 46.1))와 가장 가까운 이름 색상은 Blushing Coconut입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#EED8CE
oklch(0.897 0.028 46.1)
색상 변환
- HEX
- #eed8ce
- RGB
- rgb(238 216 206)
- HSL
- hsl(19 48% 87%)
- HWB
- hwb(19 81% 7%)
- OKLCH
- oklch(0.897 0.028 46.1)
- OKLab
- oklab(0.897 0.019 0.02)
- CIE Lab
- lab(87.96 6.66 7.85)
- LCH
- lch(87.96 10.29 49.7)
- CMYK
- cmyk(0% 9% 13% 7%)
틴트 · 셰이드 · 톤
틴트
- F0DCD3
- F2E0D8
- F3E4DD
- F5E8E1
- F7EBE6
- F8EFEB
- FAF3F0
- FCF7F5
- FDFBFA
셰이드
- CFBCB3
- B1A098
- 93857F
- 776B66
- 5C534E
- 423B38
- 2A2523
- 14110F
- 030202
톤
- E3CFC6
- D7C6BE
- CCBDB6
- C1B4AE
- B6ABA6
- ABA29E
- A09A97
- 95918F
- 8A8888
색 조화
보색 +180°
- EED8CE
Blushing Coconut
- CBE2EC
≈ Niagara Falls
유사색 -30° +30°
- EED8CE
Blushing Coconut
- EFD6D7
≈ Light Petite Pink
- E8DBC9
≈ Serengeti Dust
삼각 배색 +120° +240°
- EED8CE
Blushing Coconut
- CDE3D9
≈ Light Silverton
- DBDBF0
≈ Chinese Silver
분열 보색 +150° +210°
- EED8CE
Blushing Coconut
- C9E3E3
≈ Babymoon Blue
- D1DEF0
≈ Puffy Cloud
사각 배색 +90° +180° +270°
- EED8CE
Blushing Coconut
- D5E2D0
≈ Sweet Mint Tea
- CBE2EC
≈ Niagara Falls
- E5D8EA
≈ Pale Grey Magenta
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.36:1 · APCA Lc 18
Ag
AAA검은색 위
WCAG 15.34:1 · APCA Lc 86
가장 좋은 글자색: #000000
WCAG 15.34:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--blushing-coconut: #eed8ce;
--blushing-coconut-rgb: 238 216 206;
--blushing-coconut-oklch: oklch(0.897 0.028 46.1);
}
.element {
color: var(--blushing-coconut);
background-color: hsl(19 48% 87%);
border-color: oklch(0.897 0.028 46.1);
}Tailwind CSS v4
@theme {
--color-blushing-coconut: #eed8ce;
--color-blushing-coconut-50: #fcf3ee;
--color-blushing-coconut-100: #f0e5e0;
--color-blushing-coconut-200: #dfd1ca;
--color-blushing-coconut-300: #c4b3ab;
--color-blushing-coconut-400: #ad9a91;
--color-blushing-coconut-500: #978177;
--color-blushing-coconut-600: #7f6d65;
--color-blushing-coconut-700: #665750;
--color-blushing-coconut-800: #4b3f3b;
--color-blushing-coconut-900: #342c28;
--color-blushing-coconut-950: #201916;
}SCSS
$blushing-coconut: #eed8ce;
$blushing-coconut-rgb: 238, 216, 206;
$blushing-coconut-light: mix(#fff, $blushing-coconut, 20%);
$blushing-coconut-dark: mix(#000, $blushing-coconut, 20%);
.element {
color: $blushing-coconut;
box-shadow: 0 0 0 2px rgba($blushing-coconut, 0.35);
}