Benannte Farbe · #DD84A3
Sweet Chrysanthemum
Sweet Chrysanthemum ist #DD84A3: rgb(221 132 163), hsl(339 57% 69%), oklch(0.716 0.115 358.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Sweet Chrysanthemum color name →
#DD84A3
oklch(0.716 0.115 358.1)
Farbumrechnungen
- HEX
- #dd84a3
- RGB
- rgb(221 132 163)
- HSL
- hsl(339 57% 69%)
- HWB
- hwb(339 52% 13%)
- OKLCH
- oklch(0.716 0.115 358.1)
- OKLab
- oklab(0.716 0.115 -0.004)
- CIE Lab
- lab(65.63 37.85 -1.05)
- LCH
- lch(65.63 37.86 358.4)
- CMYK
- cmyk(0% 40% 26% 13%)
Tints · Shades · Tones
Tints
- E190AC
- E69DB5
- EAA9BE
- EEB5C7
- F1C1D0
- F4CED9
- F7DAE3
- FAE6EC
- FDF3F5
Shades
- C0728D
- A46078
- 884F63
- 6E3F4F
- 552F3C
- 3D202A
- 261219
- 11060A
- 020101
Tones
- D4849F
- CB849C
- C28498
- B98495
- B08391
- A6838E
- 9D828A
- 938287
- 8A8183
Farbharmonien
Komplementär +180°
- DD84A3
Sweet Chrysanthemum
- 3CBBA3
≈ Capture
Analog -30° +30°
- DD84A3
Sweet Chrysanthemum
- CA89C8
≈ Rose Souvenir
- E2867B
≈ Cultured Rose
Triadisch +120° +240°
- DD84A3
Sweet Chrysanthemum
- 9DAD56
≈ Sour Apple
- 56ADE3
≈ Blue Jeans
Geteilt komplementär +150° +210°
- DD84A3
Sweet Chrysanthemum
- 6FB77A
≈ Appleton
- 2AB7C9
≈ Utopia Beckons
Tetradisch +90° +180° +270°
- DD84A3
Sweet Chrysanthemum
- C19F46
≈ Spontaneous Sprig
- 3CBBA3
≈ Capture
- 85A0EC
≈ Cold Lips
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.65:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 7.90:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.90:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--sweet-chrysanthemum: #dd84a3;
--sweet-chrysanthemum-rgb: 221 132 163;
--sweet-chrysanthemum-oklch: oklch(0.716 0.115 358.1);
}
.element {
color: var(--sweet-chrysanthemum);
background-color: hsl(339 57% 69%);
border-color: oklch(0.716 0.115 358.1);
}Tailwind CSS v4
@theme {
--color-sweet-chrysanthemum: #dd84a3;
--color-sweet-chrysanthemum-50: #ffe8f4;
--color-sweet-chrysanthemum-100: #ffd9e6;
--color-sweet-chrysanthemum-200: #ffc0d2;
--color-sweet-chrysanthemum-300: #e99fb5;
--color-sweet-chrysanthemum-400: #d5819e;
--color-sweet-chrysanthemum-500: #c16386;
--color-sweet-chrysanthemum-600: #a35471;
--color-sweet-chrysanthemum-700: #83435a;
--color-sweet-chrysanthemum-800: #613044;
--color-sweet-chrysanthemum-900: #44212f;
--color-sweet-chrysanthemum-950: #2c101b;
}SCSS
$sweet-chrysanthemum: #dd84a3;
$sweet-chrysanthemum-rgb: 221, 132, 163;
$sweet-chrysanthemum-light: mix(#fff, $sweet-chrysanthemum, 20%);
$sweet-chrysanthemum-dark: mix(#000, $sweet-chrysanthemum, 20%);
.element {
color: $sweet-chrysanthemum;
box-shadow: 0 0 0 2px rgba($sweet-chrysanthemum, 0.35);
}