Cor nomeada mais próxima · #DECAD4
#DECAD4
Cor nomeada mais próxima: Light Lilac
#DECAD4 (rgb(222 202 212), hsl(330 23% 83%), oklch(0.858 0.026 345.9)) é mais próxima da cor nomeada Light Lilac. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#DECAD4
oklch(0.858 0.026 345.9)
Conversões de cor
- HEX
- #decad4
- RGB
- rgb(222 202 212)
- HSL
- hsl(330 23% 83%)
- HWB
- hwb(330 79% 13%)
- OKLCH
- oklch(0.858 0.026 345.9)
- OKLab
- oklab(0.858 0.025 -0.006)
- CIE Lab
- lab(83.22 8.5 -2.32)
- LCH
- lch(83.22 8.81 344.8)
- CMYK
- cmyk(0% 9% 5% 13%)
Tons claros · Sombras · Tons
Tons claros
- E1CFD8
- E5D4DC
- E8DAE1
- EBDFE5
- EFE4E9
- F2EAEE
- F5EFF2
- F8F4F6
- FCFAFB
Sombras
- C1AFB8
- A5959D
- 897C83
- 6F6469
- 554D51
- 3D373A
- 262224
- 120F10
- 020202
Tons
- D4C2CB
- CBBBC3
- C1B3BA
- B7ACB1
- AEA4A9
- A59DA1
- 9B9698
- 928E90
- 898788
Harmonias de cor
Complementar +180°
- DECAD4
Light Lilac
- C1D6CC
≈ Meadow Lane
Análoga -30° +30°
- DECAD4
Light Lilac
- D7CCDC
≈ Dusky Lilac
- E1CACB
≈ Youth
Tríade +120° +240°
- DECAD4
Light Lilac
- D2D2BF
≈ Spooky
- BFD4DE
≈ Winterscape
Complementar dividida +150° +210°
- DECAD4
Light Lilac
- C9D5C4
≈ Green Lane
- BED6D6
≈ Wind Speed
Tétrade +90° +180° +270°
- DECAD4
Light Lilac
- DBCFBE
≈ Buff It
- C1D6CC
≈ Meadow Lane
- C6D2E2
≈ Pale Periwinkle
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.55:1 · APCA Lc 25
Ag
AAASobre preto
WCAG 13.50:1 · APCA Lc 78
Melhor cor de texto: #000000
WCAG 13.50:1 (AAA) · APCA Lc 78
Contrast pairs
Trechos de código
CSS
:root {
--light-lilac: #decad4;
--light-lilac-rgb: 222 202 212;
--light-lilac-oklch: oklch(0.858 0.026 345.9);
}
.element {
color: var(--light-lilac);
background-color: hsl(330 23% 83%);
border-color: oklch(0.858 0.026 345.9);
}Tailwind CSS v4
@theme {
--color-light-lilac: #decad4;
--color-light-lilac-50: #fbf2f6;
--color-light-lilac-100: #efe4e9;
--color-light-lilac-200: #ddd0d6;
--color-light-lilac-300: #c2b2ba;
--color-light-lilac-400: #ab99a2;
--color-light-lilac-500: #94808a;
--color-light-lilac-600: #7d6c75;
--color-light-lilac-700: #64565d;
--color-light-lilac-800: #493f45;
--color-light-lilac-900: #332b2f;
--color-light-lilac-950: #1e191c;
}SCSS
$light-lilac: #decad4;
$light-lilac-rgb: 222, 202, 212;
$light-lilac-light: mix(#fff, $light-lilac, 20%);
$light-lilac-dark: mix(#000, $light-lilac, 20%);
.element {
color: $light-lilac;
box-shadow: 0 0 0 2px rgba($light-lilac, 0.35);
}