이름 색상 · #D7ECCD
Lantana Lime
Lantana Lime은(는) #D7ECCD: rgb(215 236 205), hsl(101 45% 86%), oklch(0.919 0.047 135.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Lantana Lime color name →
#D7ECCD
oklch(0.919 0.047 135.5)
색상 변환
- HEX
- #d7eccd
- RGB
- rgb(215 236 205)
- HSL
- hsl(101 45% 86%)
- HWB
- hwb(101 80% 7%)
- OKLCH
- oklch(0.919 0.047 135.5)
- OKLab
- oklab(0.919 -0.033 0.033)
- CIE Lab
- lab(91.21 -11.32 12.63)
- LCH
- lch(91.21 16.96 131.9)
- CMYK
- cmyk(9% 0% 13% 7%)
틴트 · 셰이드 · 톤
틴트
- DBEED2
- DFF0D7
- E3F2DC
- E7F4E1
- EBF6E6
- EFF7EB
- F3F9F0
- F7FBF5
- FBFDFA
셰이드
- BBCDB2
- 9FAF98
- 85927E
- 6B7666
- 525B4E
- 3B4238
- 252923
- 11130F
- 020302
톤
- CEE1C5
- C5D6BD
- BCCAB5
- B3BFAE
- ABB5A6
- A2AA9E
- 999F97
- 91958F
- 888A87
색 조화
보색 +180°
- D7ECCD
Lantana Lime
- F1DBFA
≈ Lavender Savour
유사색 -30° +30°
- D7ECCD
Lantana Lime
- E8E7C3
≈ More Mint
- C8EFDD
≈ Summer House
삼각 배색 +120° +240°
- D7ECCD
Lantana Lime
- D3E6FF
≈ Veiling Waterfalls
- FFDADB
≈ Strawberry Blonde
분열 보색 +150° +210°
- D7ECCD
Lantana Lime
- E1E1FF
≈ Stoic White
- FDD8EB
≈ Pink Currant
사각 배색 +90° +180° +270°
- D7ECCD
Lantana Lime
- C4ECFC
≈ Blue Java Banana
- F1DBFA
≈ Lavender Savour
- FFDCCC
≈ Glazed Sugar
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.25:1 · APCA Lc 13
Ag
AAA검은색 위
WCAG 16.76:1 · APCA Lc 91
가장 좋은 글자색: #000000
WCAG 16.76:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--lantana-lime: #d7eccd;
--lantana-lime-rgb: 215 236 205;
--lantana-lime-oklch: oklch(0.919 0.047 135.5);
}
.element {
color: var(--lantana-lime);
background-color: hsl(101 45% 86%);
border-color: oklch(0.919 0.047 135.5);
}Tailwind CSS v4
@theme {
--color-lantana-lime: #d7eccd;
--color-lantana-lime-50: #eff9ec;
--color-lantana-lime-100: #e1ecdd;
--color-lantana-lime-200: #cbd9c6;
--color-lantana-lime-300: #acbda6;
--color-lantana-lime-400: #92a58a;
--color-lantana-lime-500: #798e6e;
--color-lantana-lime-600: #66785e;
--color-lantana-lime-700: #52604b;
--color-lantana-lime-800: #3c4635;
--color-lantana-lime-900: #293024;
--color-lantana-lime-950: #171d13;
}SCSS
$lantana-lime: #d7eccd;
$lantana-lime-rgb: 215, 236, 205;
$lantana-lime-light: mix(#fff, $lantana-lime, 20%);
$lantana-lime-dark: mix(#000, $lantana-lime, 20%);
.element {
color: $lantana-lime;
box-shadow: 0 0 0 2px rgba($lantana-lime, 0.35);
}