Benannte Farbe · #DA70D6
Pink Orchid
Pink Orchid ist #DA70D6: rgb(218 112 214), hsl(302 59% 65%), oklch(0.702 0.181 328.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Pink Orchid color name →
#DA70D6
oklch(0.702 0.181 328.7)
Farbumrechnungen
- HEX
- #da70d6
- RGB
- rgb(218 112 214)
- HSL
- hsl(302 59% 65%)
- HWB
- hwb(302 44% 15%)
- OKLCH
- oklch(0.702 0.181 328.7)
- OKLab
- oklab(0.702 0.155 -0.094)
- CIE Lab
- lab(62.75 52.45 -34.1)
- LCH
- lch(62.75 62.57 327)
- CMYK
- cmyk(0% 49% 2% 15%)
Tints · Shades · Tones
Tints
- DF7FDB
- E38EDF
- E89DE3
- ECABE8
- F0B9EC
- F3C7F0
- F7D5F4
- FAE3F8
- FCF1FB
Shades
- BD60BA
- A2519E
- 874384
- 6C356A
- 542752
- 3C1A3B
- 250E25
- 110410
- 020102
Tones
- D173CD
- C976C5
- C078BC
- B77AB4
- AE7BAB
- A57DA2
- 9C7E9A
- 937F91
- 8A8089
Farbharmonien
Komplementär +180°
- DA70D6
Pink Orchid
- 30BC5A
≈ Vegan Mastermind
Analog -30° +30°
- DA70D6
Pink Orchid
- AF81FF
≈ Lilac Geode
- F4669D
≈ Medium Pink
Triadisch +120° +240°
- DA70D6
Pink Orchid
- C39900
≈ Rapeseed
- 00B3C7
≈ Antigua Blue
Geteilt komplementär +150° +210°
- DA70D6
Pink Orchid
- 95AC00
≈ Barf Green
- 00B9A0
≈ Aare River
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.88:1 · APCA Lc 55
Ag
AAAAuf Schwarz
WCAG 7.26:1 · APCA Lc 47
Beste Textfarbe: #000000
WCAG 7.26:1 (AAA) · APCA Lc 47
Contrast pairs
Code-Snippets
CSS
:root {
--pink-orchid: #da70d6;
--pink-orchid-rgb: 218 112 214;
--pink-orchid-oklch: oklch(0.702 0.181 328.7);
}
.element {
color: var(--pink-orchid);
background-color: hsl(302 59% 65%);
border-color: oklch(0.702 0.181 328.7);
}Tailwind CSS v4
@theme {
--color-pink-orchid: #da70d6;
--color-pink-orchid-50: #ffe3ff;
--color-pink-orchid-100: #ffd2ff;
--color-pink-orchid-200: #ffb8f8;
--color-pink-orchid-300: #ec93e2;
--color-pink-orchid-400: #d772d3;
--color-pink-orchid-500: #c34fc0;
--color-pink-orchid-600: #a544a2;
--color-pink-orchid-700: #843682;
--color-pink-orchid-800: #612763;
--color-pink-orchid-900: #441a45;
--color-pink-orchid-950: #2c092d;
}SCSS
$pink-orchid: #da70d6;
$pink-orchid-rgb: 218, 112, 214;
$pink-orchid-light: mix(#fff, $pink-orchid, 20%);
$pink-orchid-dark: mix(#000, $pink-orchid, 20%);
.element {
color: $pink-orchid;
box-shadow: 0 0 0 2px rgba($pink-orchid, 0.35);
}