가장 가까운 이름 색상 · #EED9CF
#EED9CF
가장 가까운 이름 색상: Blushing Coconut
#EED9CF(rgb(238 217 207), hsl(19 48% 87%), oklch(0.9 0.027 47.2))와 가장 가까운 이름 색상은 Blushing Coconut입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#EED9CF
oklch(0.9 0.027 47.2)
색상 변환
- HEX
- #eed9cf
- RGB
- rgb(238 217 207)
- HSL
- hsl(19 48% 87%)
- HWB
- hwb(19 81% 7%)
- OKLCH
- oklch(0.9 0.027 47.2)
- OKLab
- oklab(0.9 0.018 0.02)
- CIE Lab
- lab(88.23 6.29 7.71)
- LCH
- lch(88.23 9.95 50.8)
- CMYK
- cmyk(0% 9% 13% 7%)
틴트 · 셰이드 · 톤
틴트
- F0DDD4
- F1E1D8
- F3E4DD
- F5E8E2
- F7ECE7
- F8F0EC
- FAF4F0
- FCF7F5
- FDFBFA
셰이드
- CFBCB4
- B1A199
- 93867F
- 776C67
- 5C534F
- 423B38
- 2A2523
- 141110
- 030202
톤
- E2D0C7
- D7C7BF
- CCBDB7
- C1B4AF
- B6ABA7
- ABA39F
- A09A97
- 95918F
- 8A8988
색 조화
보색 +180°
- EED9CF
Blushing Coconut
- CCE2EC
≈ Niagara Falls
유사색 -30° +30°
- EED9CF
Blushing Coconut
- EFD7D7
≈ Light Petite Pink
- E8DCCB
≈ White Mocha
삼각 배색 +120° +240°
- EED9CF
Blushing Coconut
- CEE4DA
≈ Light Silverton
- DCDCEF
≈ Chinese Silver
분열 보색 +150° +210°
- EED9CF
Blushing Coconut
- CAE4E4
≈ Wave Splash
- D3DFF0
≈ Brisa de Mar
사각 배색 +90° +180° +270°
- EED9CF
Blushing Coconut
- D6E2D1
≈ Sweet Mint Tea
- CCE2EC
≈ Niagara Falls
- E5D9EA
≈ Pale Grey Magenta
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.35:1 · APCA Lc 18
Ag
AAA검은색 위
WCAG 15.46:1 · APCA Lc 86
가장 좋은 글자색: #000000
WCAG 15.46:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--blushing-coconut: #eed9cf;
--blushing-coconut-rgb: 238 217 207;
--blushing-coconut-oklch: oklch(0.9 0.027 47.2);
}
.element {
color: var(--blushing-coconut);
background-color: hsl(19 48% 87%);
border-color: oklch(0.9 0.027 47.2);
}Tailwind CSS v4
@theme {
--color-blushing-coconut: #eed9cf;
--color-blushing-coconut-50: #fcf3ee;
--color-blushing-coconut-100: #f0e5e0;
--color-blushing-coconut-200: #ded1ca;
--color-blushing-coconut-300: #c4b4ab;
--color-blushing-coconut-400: #ad9a91;
--color-blushing-coconut-500: #968177;
--color-blushing-coconut-600: #7f6d65;
--color-blushing-coconut-700: #665751;
--color-blushing-coconut-800: #4b403b;
--color-blushing-coconut-900: #342c28;
--color-blushing-coconut-950: #1f1916;
}SCSS
$blushing-coconut: #eed9cf;
$blushing-coconut-rgb: 238, 217, 207;
$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);
}