가장 가까운 이름 색상 · #EDDFBC
#EDDFBC
가장 가까운 이름 색상: Beurre Blanc
#EDDFBC(rgb(237 223 188), hsl(43 58% 83%), oklch(0.906 0.049 88.8))와 가장 가까운 이름 색상은 Beurre Blanc입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#EDDFBC
oklch(0.906 0.049 88.8)
색상 변환
- HEX
- #eddfbc
- RGB
- rgb(237 223 188)
- HSL
- hsl(43 58% 83%)
- HWB
- hwb(43 74% 7%)
- OKLCH
- oklch(0.906 0.049 88.8)
- OKLab
- oklab(0.906 0.001 0.049)
- CIE Lab
- lab(89.29 0.89 19.05)
- LCH
- lch(89.29 19.07 87.3)
- CMYK
- cmyk(0% 6% 21% 7%)
틴트 · 셰이드 · 톤
틴트
- EFE2C3
- F1E5C9
- F2E9D0
- F4ECD7
- F6EFDE
- F8F2E4
- FAF5EB
- FBF9F2
- FDFCF8
셰이드
- CEC2A3
- B0A58B
- 938A73
- 776F5D
- 5C5647
- 423D32
- 2A271F
- 14120D
- 030202
톤
- E2D5B6
- D6CBB0
- CBC2AA
- C0B8A4
- B5AE9E
- AAA598
- 9F9C92
- 95928C
- 8A8986
색 조화
보색 +180°
- EDDFBC
Beurre Blanc
- D3E0FF
≈ Arc Light
유사색 -30° +30°
- EDDFBC
Beurre Blanc
- F9D9C1
≈ Pumpkin Essence
- DCE5C1
≈ Loch Modan Moss
삼각 배색 +120° +240°
- EDDFBC
Beurre Blanc
- BCEAF1
≈ Launderette Blue
- F3D5F0
≈ Scented Spring
분열 보색 +150° +210°
- EDDFBC
Beurre Blanc
- C3E5FD
≈ Fresh Water
- E4DAFD
≈ Transparent Blue
사각 배색 +90° +180° +270°
- EDDFBC
Beurre Blanc
- BEEBE0
≈ Clear Aqua
- D3E0FF
≈ Arc Light
- FDD3DF
≈ Creamy Strawberry
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.32:1 · APCA Lc 16
Ag
AAA검은색 위
WCAG 15.88:1 · APCA Lc 88
가장 좋은 글자색: #000000
WCAG 15.88:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--beurre-blanc: #eddfbc;
--beurre-blanc-rgb: 237 223 188;
--beurre-blanc-oklch: oklch(0.906 0.049 88.8);
}
.element {
color: var(--beurre-blanc);
background-color: hsl(43 58% 83%);
border-color: oklch(0.906 0.049 88.8);
}Tailwind CSS v4
@theme {
--color-beurre-blanc: #eddfbc;
--color-beurre-blanc-50: #faf5e6;
--color-beurre-blanc-100: #eee8d6;
--color-beurre-blanc-200: #dcd4bd;
--color-beurre-blanc-300: #c1b79c;
--color-beurre-blanc-400: #aa9d7e;
--color-beurre-blanc-500: #938561;
--color-beurre-blanc-600: #7c7153;
--color-beurre-blanc-700: #645a42;
--color-beurre-blanc-800: #4a412f;
--color-beurre-blanc-900: #332d20;
--color-beurre-blanc-950: #1f1a0f;
}SCSS
$beurre-blanc: #eddfbc;
$beurre-blanc-rgb: 237, 223, 188;
$beurre-blanc-light: mix(#fff, $beurre-blanc, 20%);
$beurre-blanc-dark: mix(#000, $beurre-blanc, 20%);
.element {
color: $beurre-blanc;
box-shadow: 0 0 0 2px rgba($beurre-blanc, 0.35);
}