En yakın adlandırılmış renk · #DECAD4
#DECAD4
En yakın adlandırılmış renk: Light Lilac
#DECAD4 (rgb(222 202 212), hsl(330 23% 83%), oklch(0.858 0.026 345.9)) en çok Light Lilac adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#DECAD4
oklch(0.858 0.026 345.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E1CFD8
- E5D4DC
- E8DAE1
- EBDFE5
- EFE4E9
- F2EAEE
- F5EFF2
- F8F4F6
- FCFAFB
Koyu tonlar
- C1AFB8
- A5959D
- 897C83
- 6F6469
- 554D51
- 3D373A
- 262224
- 120F10
- 020202
Gri tonlar
- D4C2CB
- CBBBC3
- C1B3BA
- B7ACB1
- AEA4A9
- A59DA1
- 9B9698
- 928E90
- 898788
Renk uyumları
Tamamlayıcı +180°
- DECAD4
Light Lilac
- C1D6CC
≈ Meadow Lane
Analog -30° +30°
- DECAD4
Light Lilac
- D7CCDC
≈ Dusky Lilac
- E1CACB
≈ Youth
Üçlü +120° +240°
- DECAD4
Light Lilac
- D2D2BF
≈ Spooky
- BFD4DE
≈ Winterscape
Bölünmüş tamamlayıcı +150° +210°
- DECAD4
Light Lilac
- C9D5C4
≈ Green Lane
- BED6D6
≈ Wind Speed
Dörtlü +90° +180° +270°
- DECAD4
Light Lilac
- DBCFBE
≈ Buff It
- C1D6CC
≈ Meadow Lane
- C6D2E2
≈ Pale Periwinkle
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.55:1 · APCA Lc 25
Ag
AAASiyah üzerinde
WCAG 13.50:1 · APCA Lc 78
En iyi metin rengi: #000000
WCAG 13.50:1 (AAA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
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);
}