이름 색상 · #ECE2CC
Ivory Lace
Ivory Lace은(는) #ECE2CC: rgb(236 226 204), hsl(41 46% 86%), oklch(0.915 0.031 86.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Ivory Lace color name →
#ECE2CC
oklch(0.915 0.031 86.5)
색상 변환
- HEX
- #ece2cc
- RGB
- rgb(236 226 204)
- HSL
- hsl(41 46% 86%)
- HWB
- hwb(41 80% 7%)
- OKLCH
- oklch(0.915 0.031 86.5)
- OKLab
- oklab(0.915 0.002 0.031)
- CIE Lab
- lab(90.25 0.84 12.08)
- LCH
- lch(90.25 12.11 86)
- CMYK
- cmyk(0% 4% 14% 7%)
틴트 · 셰이드 · 톤
틴트
- EEE5D1
- F0E8D6
- F2EBDB
- F4EEE0
- F5F0E5
- F7F3EB
- F9F6F0
- FBF9F5
- FDFCFA
셰이드
- CDC4B1
- AFA897
- 928C7E
- 767165
- 5B574E
- 423E37
- 292722
- 13120F
- 030302
톤
- E1D8C4
- D5CEBC
- CAC4B5
- BFBAAD
- B5B0A5
- AAA69E
- 9F9C96
- 95938F
- 8A8987
색 조화
보색 +180°
- ECE2CC
Ivory Lace
- D9E3F9
≈ Aquarelle Purple
유사색 -30° +30°
- ECE2CC
Ivory Lace
- F4DECF
≈ Siren Song
- E1E6CF
≈ Willow Brook
삼각 배색 +120° +240°
- ECE2CC
Ivory Lace
- CCE9ED
≈ Summer Mist
- EFDCEE
≈ Divine Dove
분열 보색 +150° +210°
- ECE2CC
Ivory Lace
- D0E7F5
≈ New Heights
- E4DFF6
≈ Lingering Lilac
사각 배색 +90° +180° +270°
- ECE2CC
Ivory Lace
- CEEAE2
≈ Ice Water Green
- D9E3F9
≈ Aquarelle Purple
- F5DBE3
≈ Columbine
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.28:1 · APCA Lc 14
Ag
AAA검은색 위
WCAG 16.31:1 · APCA Lc 90
가장 좋은 글자색: #000000
WCAG 16.31:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--ivory-lace: #ece2cc;
--ivory-lace-rgb: 236 226 204;
--ivory-lace-oklch: oklch(0.915 0.031 86.5);
}
.element {
color: var(--ivory-lace);
background-color: hsl(41 46% 86%);
border-color: oklch(0.915 0.031 86.5);
}Tailwind CSS v4
@theme {
--color-ivory-lace: #ece2cc;
--color-ivory-lace-50: #f9f5eb;
--color-ivory-lace-100: #ece8dc;
--color-ivory-lace-200: #dad4c6;
--color-ivory-lace-300: #beb7a6;
--color-ivory-lace-400: #a69e8a;
--color-ivory-lace-500: #8f856f;
--color-ivory-lace-600: #79715e;
--color-ivory-lace-700: #615a4b;
--color-ivory-lace-800: #474236;
--color-ivory-lace-900: #312d25;
--color-ivory-lace-950: #1d1a14;
}SCSS
$ivory-lace: #ece2cc;
$ivory-lace-rgb: 236, 226, 204;
$ivory-lace-light: mix(#fff, $ivory-lace, 20%);
$ivory-lace-dark: mix(#000, $ivory-lace, 20%);
.element {
color: $ivory-lace;
box-shadow: 0 0 0 2px rgba($ivory-lace, 0.35);
}