이름 색상 · #DDA0DD
Damson Plum
Damson Plum은(는) #DDA0DD: rgb(221 160 221), hsl(300 47% 75%), oklch(0.783 0.108 326.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Damson Plum color name →
#DDA0DD
oklch(0.783 0.108 326.5)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- E1AAE1
- E4B3E4
- E8BDE8
- ECC6EB
- EFCFEE
- F2D9F2
- F6E2F5
- F9ECF9
- FCF5FC
셰이드
- C08BC0
- A476A4
- 886188
- 6E4E6E
- 553B55
- 3D293D
- 261926
- 110911
- 020102
톤
- D49DD3
- CA9ACA
- C197C0
- B794B7
- AE91AE
- A58DA4
- 9C8A9B
- 928792
- 898389
색 조화
보색 +180°
- DDA0DD
Damson Plum
- 8ACB8F
≈ Good Luck Charm
유사색 -30° +30°
- DDA0DD
Damson Plum
- BFAAF6
≈ Winterspring Lilac
- F09BBA
≈ Amaranth Pink
삼각 배색 +120° +240°
- DDA0DD
Damson Plum
- D7B463
≈ Strike It Rich
- 54CCDB
≈ Watercourse
분열 보색 +150° +210°
- DDA0DD
Damson Plum
- B4C16F
≈ Avocado Cream
- 61CFB6
≈ Sweet Garden
사각 배색 +90° +180° +270°
- DDA0DD
Damson Plum
- EDA673
≈ Apricot Jam
- 8ACB8F
≈ Good Luck Charm
- 70C3F5
≈ Blue Mana
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.06:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.14:1 · APCA Lc 62
가장 좋은 글자색: #000000
WCAG 10.14:1 (AAA) · APCA Lc 62
Contrast pairs
코드 스니펫
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);
}