Nazwany kolor · #D7ECCD
Lantana Lime
Lantana Lime to #D7ECCD: rgb(215 236 205), hsl(101 45% 86%), oklch(0.919 0.047 135.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Lantana Lime color name →
#D7ECCD
oklch(0.919 0.047 135.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DBEED2
- DFF0D7
- E3F2DC
- E7F4E1
- EBF6E6
- EFF7EB
- F3F9F0
- F7FBF5
- FBFDFA
Odcienie ciemniejsze
- BBCDB2
- 9FAF98
- 85927E
- 6B7666
- 525B4E
- 3B4238
- 252923
- 11130F
- 020302
Tony
- CEE1C5
- C5D6BD
- BCCAB5
- B3BFAE
- ABB5A6
- A2AA9E
- 999F97
- 91958F
- 888A87
Harmonie kolorów
Komplementarna +180°
- D7ECCD
Lantana Lime
- F1DBFA
≈ Lavender Savour
Analogowa -30° +30°
- D7ECCD
Lantana Lime
- E8E7C3
≈ More Mint
- C8EFDD
≈ Summer House
Triada +120° +240°
- D7ECCD
Lantana Lime
- D3E6FF
≈ Veiling Waterfalls
- FFDADB
≈ Strawberry Blonde
Komplementarna rozszczepiona +150° +210°
- D7ECCD
Lantana Lime
- E1E1FF
≈ Stoic White
- FDD8EB
≈ Pink Currant
Tetrada +90° +180° +270°
- D7ECCD
Lantana Lime
- C4ECFC
≈ Blue Java Banana
- F1DBFA
≈ Lavender Savour
- FFDCCC
≈ Glazed Sugar
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.25:1 · APCA Lc 13
Ag
AAANa czerni
WCAG 16.76:1 · APCA Lc 91
Najlepszy kolor tekstu: #000000
WCAG 16.76:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
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);
}