이름 색상 · #E1D4B4
Garden Lattice
Garden Lattice은(는) #E1D4B4: rgb(225 212 180), hsl(43 43% 79%), oklch(0.872 0.045 88.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Garden Lattice color name →
#E1D4B4
oklch(0.872 0.045 88.5)
색상 변환
- HEX
- #e1d4b4
- RGB
- rgb(225 212 180)
- HSL
- hsl(43 43% 79%)
- HWB
- hwb(43 71% 12%)
- OKLCH
- oklch(0.872 0.045 88.5)
- OKLab
- oklab(0.872 0.001 0.045)
- CIE Lab
- lab(85.36 0.87 17.6)
- LCH
- lch(85.36 17.63 87.2)
- CMYK
- cmyk(0% 6% 20% 12%)
틴트 · 셰이드 · 톤
틴트
- E4D8BB
- E7DDC3
- EAE1CA
- EDE5D2
- F0E9D9
- F3EEE1
- F6F2E8
- F9F6F0
- FCFBF7
셰이드
- C4B89C
- A79D85
- 8B836E
- 706958
- 565144
- 3E3A30
- 27241D
- 12100C
- 020202
톤
- D7CBAF
- CDC3AA
- C3BAA4
- B9B29F
- AFA99A
- A6A195
- 9C9890
- 93908A
- 898885
색 조화
보색 +180°
- E1D4B4
Garden Lattice
- C8D5F4
≈ Frozen Periwinkle
유사색 -30° +30°
- E1D4B4
Garden Lattice
- ECCEB8
≈ Aristocrat Peach
- D2DAB9
≈ Prairie Willow
삼각 배색 +120° +240°
- E1D4B4
Garden Lattice
- B4DEE5
≈ Polar Blue
- E6CBE4
≈ Footie Pyjamas
분열 보색 +150° +210°
- E1D4B4
Garden Lattice
- BBDAF0
≈ Greek Isles
- D8CFEF
≈ Plum’s the Word
사각 배색 +90° +180° +270°
- E1D4B4
Garden Lattice
- B6DFD5
≈ Fair Aqua
- C8D5F4
≈ Frozen Periwinkle
- EFC9D4
≈ Pale Primrose
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.47:1 · APCA Lc 22
Ag
AAA검은색 위
WCAG 14.27:1 · APCA Lc 81
가장 좋은 글자색: #000000
WCAG 14.27:1 (AAA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--garden-lattice: #e1d4b4;
--garden-lattice-rgb: 225 212 180;
--garden-lattice-oklch: oklch(0.872 0.045 88.5);
}
.element {
color: var(--garden-lattice);
background-color: hsl(43 43% 79%);
border-color: oklch(0.872 0.045 88.5);
}Tailwind CSS v4
@theme {
--color-garden-lattice: #e1d4b4;
--color-garden-lattice-50: #faf5e7;
--color-garden-lattice-100: #ede8d7;
--color-garden-lattice-200: #dbd4bf;
--color-garden-lattice-300: #c0b79e;
--color-garden-lattice-400: #a99d81;
--color-garden-lattice-500: #928564;
--color-garden-lattice-600: #7c7155;
--color-garden-lattice-700: #635a44;
--color-garden-lattice-800: #494231;
--color-garden-lattice-900: #332d21;
--color-garden-lattice-950: #1e1a10;
}SCSS
$garden-lattice: #e1d4b4;
$garden-lattice-rgb: 225, 212, 180;
$garden-lattice-light: mix(#fff, $garden-lattice, 20%);
$garden-lattice-dark: mix(#000, $garden-lattice, 20%);
.element {
color: $garden-lattice;
box-shadow: 0 0 0 2px rgba($garden-lattice, 0.35);
}