Adlandırılmış renk · #DDA0DD
Damson Plum
Damson Plum, #DDA0DD: rgb(221 160 221), hsl(300 47% 75%), oklch(0.783 0.108 326.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Damson Plum color name →
#DDA0DD
oklch(0.783 0.108 326.5)
Renk dönüşümleri
- HEX
- #dda0dd
- RGB
- rgb(221 160 221)
- HSL
- hsl(300 47% 75%)
- HWB
- hwb(300 63% 13%)
- OKLCH
- oklch(0.783 0.108 326.5)
- OKLab
- oklab(0.783 0.09 -0.059)
- CIE Lab
- lab(73.33 30.64 -21.8)
- LCH
- lch(73.33 37.6 324.6)
- CMYK
- cmyk(0% 28% 0% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E1AAE1
- E4B3E4
- E8BDE8
- ECC6EB
- EFCFEE
- F2D9F2
- F6E2F5
- F9ECF9
- FCF5FC
Koyu tonlar
- C08BC0
- A476A4
- 886188
- 6E4E6E
- 553B55
- 3D293D
- 261926
- 110911
- 020102
Gri tonlar
- D49DD3
- CA9ACA
- C197C0
- B794B7
- AE91AE
- A58DA4
- 9C8A9B
- 928792
- 898389
Renk uyumları
Tamamlayıcı +180°
- DDA0DD
Damson Plum
- 8ACB8F
≈ Good Luck Charm
Analog -30° +30°
- DDA0DD
Damson Plum
- BFAAF6
≈ Winterspring Lilac
- F09BBA
≈ Amaranth Pink
Üçlü +120° +240°
- DDA0DD
Damson Plum
- D7B463
≈ Strike It Rich
- 54CCDB
≈ Watercourse
Bölünmüş tamamlayıcı +150° +210°
- DDA0DD
Damson Plum
- B4C16F
≈ Avocado Cream
- 61CFB6
≈ Sweet Garden
Dörtlü +90° +180° +270°
- DDA0DD
Damson Plum
- EDA673
≈ Apricot Jam
- 8ACB8F
≈ Good Luck Charm
- 70C3F5
≈ Blue Mana
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.06:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.14:1 · APCA Lc 62
En iyi metin rengi: #000000
WCAG 10.14:1 (AAA) · APCA Lc 62
Contrast pairs
Kod parçacıkları
CSS
:root {
--damson-plum: #dda0dd;
--damson-plum-rgb: 221 160 221;
--damson-plum-oklch: oklch(0.783 0.108 326.5);
}
.element {
color: var(--damson-plum);
background-color: hsl(300 47% 75%);
border-color: oklch(0.783 0.108 326.5);
}Tailwind CSS v4
@theme {
--color-damson-plum: #dda0dd;
--color-damson-plum-50: #ffebff;
--color-damson-plum-100: #fddcfa;
--color-damson-plum-200: #efc4ec;
--color-damson-plum-300: #d6a4d3;
--color-damson-plum-400: #c088c0;
--color-damson-plum-500: #ab6bac;
--color-damson-plum-600: #915b91;
--color-damson-plum-700: #744974;
--color-damson-plum-800: #553557;
--color-damson-plum-900: #3b243d;
--color-damson-plum-950: #251326;
}SCSS
$damson-plum: #dda0dd;
$damson-plum-rgb: 221, 160, 221;
$damson-plum-light: mix(#fff, $damson-plum, 20%);
$damson-plum-dark: mix(#000, $damson-plum, 20%);
.element {
color: $damson-plum;
box-shadow: 0 0 0 2px rgba($damson-plum, 0.35);
}