가장 가까운 이름 색상 · #EDF0DA
#EDF0DA
가장 가까운 이름 색상: Blissful Serenity
#EDF0DA(rgb(237 240 218), hsl(68 42% 90%), oklch(0.947 0.029 113.3))와 가장 가까운 이름 색상은 Blissful Serenity입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#EDF0DA
oklch(0.947 0.029 113.3)
색상 변환
- HEX
- #edf0da
- RGB
- rgb(237 240 218)
- HSL
- hsl(68 42% 90%)
- HWB
- hwb(68 85% 6%)
- OKLCH
- oklch(0.947 0.029 113.3)
- OKLab
- oklab(0.947 -0.012 0.027)
- CIE Lab
- lab(94.12 -3.83 10.31)
- LCH
- lch(94.12 11 110.4)
- CMYK
- cmyk(1% 0% 9% 6%)
틴트 · 셰이드 · 톤
틴트
- EFF2DE
- F1F3E1
- F2F5E5
- F4F6E9
- F6F8ED
- F8F9F0
- FAFBF4
- FBFCF8
- FDFEFB
셰이드
- CED1BD
- B0B2A2
- 939587
- 77786C
- 5C5D54
- 42433C
- 2A2A25
- 141411
- 030302
톤
- E2E4D1
- D6D9C7
- CBCDBE
- C0C2B5
- B5B6AC
- AAABA3
- 9FA09A
- 959591
- 8A8B89
색 조화
보색 +180°
- EDF0DA
Blissful Serenity
- EEEAFF
≈ Placebo Purple
유사색 -30° +30°
- EDF0DA
Blissful Serenity
- F7ECD8
≈ Ranier White
- E3F3E1
≈ Mojito
삼각 배색 +120° +240°
- EDF0DA
Blissful Serenity
- DBF1FE
≈ Wizard White
- FEE6EF
≈ Sweetly
분열 보색 +150° +210°
- EDF0DA
Blissful Serenity
- E5EEFF
≈ Brilliant White
- F8E7F9
≈ Soft Lavender
사각 배색 +90° +180° +270°
- EDF0DA
Blissful Serenity
- D8F4F6
≈ Fishious Rend
- EEEAFF
≈ Placebo Purple
- FFE7E5
≈ Pink Theory
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.16:1 · APCA Lc 8
Ag
AAA검은색 위
WCAG 18.07:1 · APCA Lc 97
가장 좋은 글자색: #000000
WCAG 18.07:1 (AAA) · APCA Lc 97
Contrast pairs
코드 스니펫
CSS
:root {
--blissful-serenity: #edf0da;
--blissful-serenity-rgb: 237 240 218;
--blissful-serenity-oklch: oklch(0.947 0.029 113.3);
}
.element {
color: var(--blissful-serenity);
background-color: hsl(68 42% 90%);
border-color: oklch(0.947 0.029 113.3);
}Tailwind CSS v4
@theme {
--color-blissful-serenity: #edf0da;
--color-blissful-serenity-50: #f4f6ed;
--color-blissful-serenity-100: #e7e9de;
--color-blissful-serenity-200: #d3d6c8;
--color-blissful-serenity-300: #b6b9a9;
--color-blissful-serenity-400: #9ea18d;
--color-blissful-serenity-500: #868973;
--color-blissful-serenity-600: #717461;
--color-blissful-serenity-700: #5b5c4e;
--color-blissful-serenity-800: #424338;
--color-blissful-serenity-900: #2e2f26;
--color-blissful-serenity-950: #1b1b15;
}SCSS
$blissful-serenity: #edf0da;
$blissful-serenity-rgb: 237, 240, 218;
$blissful-serenity-light: mix(#fff, $blissful-serenity, 20%);
$blissful-serenity-dark: mix(#000, $blissful-serenity, 20%);
.element {
color: $blissful-serenity;
box-shadow: 0 0 0 2px rgba($blissful-serenity, 0.35);
}