Cor nomeada · #C2EBD1
Lost Lace
Lost Lace é #C2EBD1: rgb(194 235 209), hsl(142 51% 84%), oklch(0.904 0.055 157.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Lost Lace color name →
#C2EBD1
oklch(0.904 0.055 157.3)
Conversões de cor
- HEX
- #c2ebd1
- RGB
- rgb(194 235 209)
- HSL
- hsl(142 51% 84%)
- HWB
- hwb(142 76% 8%)
- OKLCH
- oklch(0.904 0.055 157.3)
- OKLab
- oklab(0.904 -0.051 0.021)
- CIE Lab
- lab(89.59 -17.54 8.04)
- LCH
- lch(89.59 19.29 155.4)
- CMYK
- cmyk(17% 0% 11% 8%)
Tons claros · Sombras · Tons
Tons claros
- C8EDD6
- CEEFDA
- D5F1DF
- DBF3E3
- E1F5E8
- E7F7EC
- EDF9F1
- F3FBF6
- F9FDFA
Sombras
- A8CCB5
- 8FAE9B
- 779181
- 607568
- 495B50
- 344139
- 202923
- 0E1310
- 020302
Tons
- BBE0C9
- B5D5C0
- AECAB8
- A7BFB0
- A1B4A8
- 9AA9A0
- 949F98
- 8D9490
- 878A88
Harmonias de cor
Complementar +180°
- C2EBD1
Lost Lace
- F9D2ED
≈ Little Smile
Análoga -30° +30°
- C2EBD1
Lost Lace
- D5E7C0
≈ Green Vibes
- B6ECE5
≈ Tahitian Breeze
Tríade +120° +240°
- C2EBD1
Lost Lace
- D7DDFF
≈ Transparent Blue
- FFD4C8
≈ Romantic Morn
Complementar dividida +150° +210°
- C2EBD1
Lost Lace
- E9D6FD
≈ Rose Dragée
- FFD2D9
≈ Pink Fluorite
Tétrade +90° +180° +270°
- C2EBD1
Lost Lace
- C6E3FF
≈ Fresh Water
- F9D2ED
≈ Little Smile
- F9D9B9
≈ Young Apricot
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.30:1 · APCA Lc 15
Ag
AAASobre preto
WCAG 16.09:1 · APCA Lc 89
Melhor cor de texto: #000000
WCAG 16.09:1 (AAA) · APCA Lc 89
Contrast pairs
Trechos de código
CSS
:root {
--lost-lace: #c2ebd1;
--lost-lace-rgb: 194 235 209;
--lost-lace-oklch: oklch(0.904 0.055 157.3);
}
.element {
color: var(--lost-lace);
background-color: hsl(142 51% 84%);
border-color: oklch(0.904 0.055 157.3);
}Tailwind CSS v4
@theme {
--color-lost-lace: #c2ebd1;
--color-lost-lace-50: #e9faf0;
--color-lost-lace-100: #d9eee1;
--color-lost-lace-200: #c1dccc;
--color-lost-lace-300: #a0c1ad;
--color-lost-lace-400: #84a992;
--color-lost-lace-500: #679278;
--color-lost-lace-600: #587b65;
--color-lost-lace-700: #466351;
--color-lost-lace-800: #33483a;
--color-lost-lace-900: #233228;
--color-lost-lace-950: #121e16;
}SCSS
$lost-lace: #c2ebd1;
$lost-lace-rgb: 194, 235, 209;
$lost-lace-light: mix(#fff, $lost-lace, 20%);
$lost-lace-dark: mix(#000, $lost-lace, 20%);
.element {
color: $lost-lace;
box-shadow: 0 0 0 2px rgba($lost-lace, 0.35);
}