이름 색상 · #D8E6CE
Light Lime Sherbet
Light Lime Sherbet은(는) #D8E6CE: rgb(216 230 206), hsl(95 32% 85%), oklch(0.908 0.035 132). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Light Lime Sherbet color name →
#D8E6CE
oklch(0.908 0.035 132)
색상 변환
- HEX
- #d8e6ce
- RGB
- rgb(216 230 206)
- HSL
- hsl(95 32% 85%)
- HWB
- hwb(95 81% 10%)
- OKLCH
- oklch(0.908 0.035 132)
- OKLab
- oklab(0.908 -0.024 0.026)
- CIE Lab
- lab(89.74 -8.02 10.06)
- LCH
- lch(89.74 12.87 128.6)
- CMYK
- cmyk(6% 0% 10% 10%)
틴트 · 셰이드 · 톤
틴트
- DCE9D3
- E0EBD8
- E4EEDD
- E7F0E2
- EBF3E6
- EFF5EB
- F3F8F0
- F7FAF5
- FBFCFA
셰이드
- BCC8B3
- A0AB98
- 858E7F
- 6B7366
- 53594E
- 3B4038
- 252823
- 11130F
- 020302
톤
- CFDBC6
- C6D1BE
- BDC6B6
- B4BCAE
- ABB2A6
- A2A89E
- 9A9D97
- 91948F
- 888A88
색 조화
보색 +180°
- D8E6CE
Light Lime Sherbet
- E9DAF2
≈ Pouty Purple
유사색 -30° +30°
- D8E6CE
Light Lime Sherbet
- E5E2C7
≈ Ineffable Linen
- CDE8D9
≈ Misty Glen
삼각 배색 +120° +240°
- D8E6CE
Light Lime Sherbet
- D0E3F8
≈ Weathered Blue
- F7D8DA
≈ Frosted Tulip
분열 보색 +150° +210°
- D8E6CE
Light Lime Sherbet
- DCDEF8
≈ Nostalgia Perfume
- F2D8E7
≈ Samantha’s Room
사각 배색 +90° +180° +270°
- D8E6CE
Light Lime Sherbet
- C8E7F2
≈ Sapphireberry
- E9DAF2
≈ Pouty Purple
- F6DACF
≈ Possibly Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.30:1 · APCA Lc 15
Ag
AAA검은색 위
WCAG 16.12:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.12:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--light-lime-sherbet: #d8e6ce;
--light-lime-sherbet-rgb: 216 230 206;
--light-lime-sherbet-oklch: oklch(0.908 0.035 132);
}
.element {
color: var(--light-lime-sherbet);
background-color: hsl(95 32% 85%);
border-color: oklch(0.908 0.035 132);
}Tailwind CSS v4
@theme {
--color-light-lime-sherbet: #d8e6ce;
--color-light-lime-sherbet-50: #f1f8ed;
--color-light-lime-sherbet-100: #e3ebdf;
--color-light-lime-sherbet-200: #ced8c9;
--color-light-lime-sherbet-300: #b0bcaa;
--color-light-lime-sherbet-400: #97a38e;
--color-light-lime-sherbet-500: #7e8b73;
--color-light-lime-sherbet-600: #6a7662;
--color-light-lime-sherbet-700: #555e4e;
--color-light-lime-sherbet-800: #3e4538;
--color-light-lime-sherbet-900: #2b3026;
--color-light-lime-sherbet-950: #181c15;
}SCSS
$light-lime-sherbet: #d8e6ce;
$light-lime-sherbet-rgb: 216, 230, 206;
$light-lime-sherbet-light: mix(#fff, $light-lime-sherbet, 20%);
$light-lime-sherbet-dark: mix(#000, $light-lime-sherbet, 20%);
.element {
color: $light-lime-sherbet;
box-shadow: 0 0 0 2px rgba($light-lime-sherbet, 0.35);
}