Cor nomeada · #E6E6BC
Lily Scent Green
Lily Scent Green é #E6E6BC: rgb(230 230 188), hsl(60 46% 82%), oklch(0.914 0.055 107.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Lily Scent Green color name →
#E6E6BC
oklch(0.914 0.055 107.4)
Conversões de cor
- HEX
- #e6e6bc
- RGB
- rgb(230 230 188)
- HSL
- hsl(60 46% 82%)
- HWB
- hwb(60 74% 10%)
- OKLCH
- oklch(0.914 0.055 107.4)
- OKLab
- oklab(0.914 -0.017 0.053)
- CIE Lab
- lab(90.5 -5.06 20.58)
- LCH
- lch(90.5 21.19 103.8)
- CMYK
- cmyk(0% 0% 18% 10%)
Tons claros · Sombras · Tons
Tons claros
- E8E9C3
- EBEBCA
- EDEED0
- F0F0D7
- F2F3DE
- F5F5E4
- F7F8EB
- FAFAF2
- FCFDF8
Sombras
- C8C8A3
- ABAB8B
- 8E8E73
- 73735D
- 595947
- 404032
- 28281F
- 13130D
- 030302
Tons
- DBDBB6
- D1D1B0
- C6C6AA
- BCBCA4
- B2B29E
- A7A898
- 9D9E92
- 93948C
- 8A8A86
Harmonias de cor
Complementar +180°
- E6E6BC
Lily Scent Green
- E0DFFF
≈ Stoic White
Análoga -30° +30°
- E6E6BC
Lily Scent Green
- F8DFBA
≈ Macadamia Beige
- D2ECC8
≈ Mint Frappé
Tríade +120° +240°
- E6E6BC
Lily Scent Green
- BEEBFF
≈ Blue Java Banana
- FFD5E9
≈ Pink Currant
Complementar dividida +150° +210°
- E6E6BC
Lily Scent Green
- D2E4FF
≈ Veiling Waterfalls
- F2D8FB
≈ Lavender Savour
Tétrade +90° +180° +270°
- E6E6BC
Lily Scent Green
- B8EFF0
≈ Cold Blooded
- E0DFFF
≈ Stoic White
- FFD8D8
≈ We Peep
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.27:1 · APCA Lc 14
Ag
AAASobre preto
WCAG 16.40:1 · APCA Lc 90
Melhor cor de texto: #000000
WCAG 16.40:1 (AAA) · APCA Lc 90
Contrast pairs
Trechos de código
CSS
:root {
--lily-scent-green: #e6e6bc;
--lily-scent-green-rgb: 230 230 188;
--lily-scent-green-oklch: oklch(0.914 0.055 107.4);
}
.element {
color: var(--lily-scent-green);
background-color: hsl(60 46% 82%);
border-color: oklch(0.914 0.055 107.4);
}Tailwind CSS v4
@theme {
--color-lily-scent-green: #e6e6bc;
--color-lily-scent-green-50: #f6f7e5;
--color-lily-scent-green-100: #e9ead5;
--color-lily-scent-green-200: #d5d7bc;
--color-lily-scent-green-300: #b9ba9a;
--color-lily-scent-green-400: #a1a17c;
--color-lily-scent-green-500: #8a895e;
--color-lily-scent-green-600: #747450;
--color-lily-scent-green-700: #5d5d40;
--color-lily-scent-green-800: #45442d;
--color-lily-scent-green-900: #302f1e;
--color-lily-scent-green-950: #1c1b0e;
}SCSS
$lily-scent-green: #e6e6bc;
$lily-scent-green-rgb: 230, 230, 188;
$lily-scent-green-light: mix(#fff, $lily-scent-green, 20%);
$lily-scent-green-dark: mix(#000, $lily-scent-green, 20%);
.element {
color: $lily-scent-green;
box-shadow: 0 0 0 2px rgba($lily-scent-green, 0.35);
}