Nächste benannte Farbe · #D67AC9
#D67AC9
Nächste benannte Farbe: Pink Orchid
#D67AC9 (rgb(214 122 201), hsl(308 53% 66%), oklch(0.706 0.151 332.4)) liegt am nächsten an der benannten Farbe Pink Orchid. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#D67AC9
oklch(0.706 0.151 332.4)
Farbumrechnungen
- HEX
- #d67ac9
- RGB
- rgb(214 122 201)
- HSL
- hsl(308 53% 66%)
- HWB
- hwb(308 48% 16%)
- OKLCH
- oklch(0.706 0.151 332.4)
- OKLab
- oklab(0.706 0.134 -0.07)
- CIE Lab
- lab(63.72 44.73 -25.4)
- LCH
- lch(63.72 51.43 330.4)
- CMYK
- cmyk(0% 43% 6% 16%)
Tints · Shades · Tones
Tints
- DB88CF
- E095D4
- E5A3DA
- E9B0DF
- EDBDE5
- F1CAEA
- F5D7EF
- F9E5F5
- FCF2FA
Shades
- BA69AE
- 9E5995
- 84497C
- 6A3A64
- 522B4C
- 3B1D36
- 251022
- 10050F
- 020102
Tones
- CE7BC2
- C57DBA
- BD7EB3
- B47EAC
- AC7FA4
- A3809D
- 9B8096
- 92808F
- 898087
Farbharmonien
Komplementär +180°
- D67AC9
Pink Orchid
- 46BA71
≈ Esmeralda
Analog -30° +30°
- D67AC9
Pink Orchid
- B387ED
≈ Lilac Geode
- EB7498
≈ Embarrassed
Triadisch +120° +240°
- D67AC9
Pink Orchid
- C09C00
≈ Perennial
- 00B4CD
≈ Antigua Blue
Geteilt komplementär +150° +210°
- D67AC9
Pink Orchid
- 90AE33
≈ Lime Green
- 00B9A7
≈ Verditer
Tetradisch +90° +180° +270°
- D67AC9
Pink Orchid
- E18824
≈ Sumac Dyed
- 46BA71
≈ Esmeralda
- 33A9F5
≈ Xed
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.80:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.48:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--pink-orchid: #d67ac9;
--pink-orchid-rgb: 214 122 201;
--pink-orchid-oklch: oklch(0.706 0.151 332.4);
}
.element {
color: var(--pink-orchid);
background-color: hsl(308 53% 66%);
border-color: oklch(0.706 0.151 332.4);
}Tailwind CSS v4
@theme {
--color-pink-orchid: #d67ac9;
--color-pink-orchid-50: #ffe6ff;
--color-pink-orchid-100: #ffd6fd;
--color-pink-orchid-200: #fdbcef;
--color-pink-orchid-300: #e799d7;
--color-pink-orchid-400: #d27bc5;
--color-pink-orchid-500: #be5ab1;
--color-pink-orchid-600: #a04d96;
--color-pink-orchid-700: #813e78;
--color-pink-orchid-800: #5f2c5a;
--color-pink-orchid-900: #421e3f;
--color-pink-orchid-950: #2a0d28;
}SCSS
$pink-orchid: #d67ac9;
$pink-orchid-rgb: 214, 122, 201;
$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);
}