Nächste benannte Farbe · #D69CD2
#D69CD2
Nächste benannte Farbe: Velvet Horizon
#D69CD2 (rgb(214 156 210), hsl(304 41% 73%), oklch(0.765 0.099 328.8)) liegt am nächsten an der benannten Farbe Velvet Horizon. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#D69CD2
oklch(0.765 0.099 328.8)
Farbumrechnungen
- HEX
- #d69cd2
- RGB
- rgb(214 156 210)
- HSL
- hsl(304 41% 73%)
- HWB
- hwb(304 61% 16%)
- OKLCH
- oklch(0.765 0.099 328.8)
- OKLab
- oklab(0.765 0.085 -0.051)
- CIE Lab
- lab(71.35 28.75 -18.85)
- LCH
- lch(71.35 34.38 326.8)
- CMYK
- cmyk(0% 27% 2% 16%)
Tints · Shades · Tones
Tints
- DAA6D7
- DFB0DB
- E3BAE0
- E7C3E4
- EBCDE9
- F0D7ED
- F3E1F2
- F7EBF6
- FBF5FB
Shades
- BA87B6
- 9E739B
- 845F81
- 6A4C68
- 523950
- 3B2839
- 251824
- 100910
- 020102
Tones
- CD99CA
- C597C1
- BC94B9
- B391B1
- AB8FA8
- A28CA0
- 9A8998
- 918690
- 898388
Farbharmonien
Komplementär +180°
- D69CD2
Velvet Horizon
- 85C590
≈ Good Luck Charm
Analog -30° +30°
- D69CD2
Velvet Horizon
- BBA5E9
≈ Enchanted Lavender
- E798B1
≈ Double Bubble
Triadisch +120° +240°
- D69CD2
Velvet Horizon
- CCB066
≈ Canadian Maple
- 5BC4D4
≈ Rushing Stream
Geteilt komplementär +150° +210°
- D69CD2
Velvet Horizon
- ACBC72
≈ Tan Green
- 63C7B4
≈ Cockatoo
Tetradisch +90° +180° +270°
- D69CD2
Velvet Horizon
- E2A372
≈ Roasted Seeds
- 85C590
≈ Good Luck Charm
- 74BCEB
≈ Aero
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.20:1 · APCA Lc 43
Ag
AAAAuf Schwarz
WCAG 9.54:1 · APCA Lc 59
Beste Textfarbe: #000000
WCAG 9.54:1 (AAA) · APCA Lc 59
Contrast pairs
Code-Snippets
CSS
:root {
--velvet-horizon: #d69cd2;
--velvet-horizon-rgb: 214 156 210;
--velvet-horizon-oklch: oklch(0.765 0.099 328.8);
}
.element {
color: var(--velvet-horizon);
background-color: hsl(304 41% 73%);
border-color: oklch(0.765 0.099 328.8);
}Tailwind CSS v4
@theme {
--color-velvet-horizon: #d69cd2;
--color-velvet-horizon-50: #ffebff;
--color-velvet-horizon-100: #fcdcf8;
--color-velvet-horizon-200: #eec5e8;
--color-velvet-horizon-300: #d5a5cf;
--color-velvet-horizon-400: #bf89bb;
--color-velvet-horizon-500: #aa6da7;
--color-velvet-horizon-600: #905d8d;
--color-velvet-horizon-700: #734a71;
--color-velvet-horizon-800: #543654;
--color-velvet-horizon-900: #3b253b;
--color-velvet-horizon-950: #251325;
}SCSS
$velvet-horizon: #d69cd2;
$velvet-horizon-rgb: 214, 156, 210;
$velvet-horizon-light: mix(#fff, $velvet-horizon, 20%);
$velvet-horizon-dark: mix(#000, $velvet-horizon, 20%);
.element {
color: $velvet-horizon;
box-shadow: 0 0 0 2px rgba($velvet-horizon, 0.35);
}