Nächste benannte Farbe · #CDA8D8
#CDA8D8
Nächste benannte Farbe: Lilac Lace
#CDA8D8 (rgb(205 168 216), hsl(286 38% 75%), oklch(0.78 0.078 318.4)) liegt am nächsten an der benannten Farbe Lilac Lace. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#CDA8D8
oklch(0.78 0.078 318.4)
Farbumrechnungen
- HEX
- #cda8d8
- RGB
- rgb(205 168 216)
- HSL
- hsl(286 38% 75%)
- HWB
- hwb(286 66% 15%)
- OKLCH
- oklch(0.78 0.078 318.4)
- OKLab
- oklab(0.78 0.058 -0.052)
- CIE Lab
- lab(73.43 20.28 -19.12)
- LCH
- lch(73.43 27.87 316.7)
- CMYK
- cmyk(5% 22% 0% 15%)
Tints · Shades · Tones
Tints
- D2B1DC
- D7B9E0
- DCC2E4
- E1CAE8
- E6D3EC
- EBDCF0
- F0E5F4
- F5EDF7
- FAF6FB
Shades
- B292BC
- 987CA0
- 7E6785
- 66526B
- 4E3F53
- 382C3B
- 231A25
- 0F0A11
- 020102
Tones
- C5A4CF
- BDA0C6
- B59CBD
- AE98B4
- A694AB
- 9E90A3
- 978C9A
- 8F8891
- 878489
Farbharmonien
Komplementär +180°
- CDA8D8
Lilac Lace
- 9FC493
≈ Cos
Analog -30° +30°
- CDA8D8
Lilac Lace
- B5B0E7
≈ Maximum Blue Purple
- DEA3C0
≈ Pink Gin
Triadisch +120° +240°
- CDA8D8
Lilac Lace
- D3B27E
≈ Brass Trumpet
- 78C7CA
≈ Pearl Bay
Geteilt komplementär +150° +210°
- CDA8D8
Lilac Lace
- BBBC81
≈ Ushabti Bone
- 84C8AE
≈ Pale Teal
Tetradisch +90° +180° +270°
- CDA8D8
Lilac Lace
- E2A98C
≈ Rose Tattoo
- 9FC493
≈ Cos
- 81C2DF
≈ Undercool
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.06:1 · APCA Lc 40
Ag
AAAAuf Schwarz
WCAG 10.18:1 · APCA Lc 62
Beste Textfarbe: #000000
WCAG 10.18:1 (AAA) · APCA Lc 62
Contrast pairs
Code-Snippets
CSS
:root {
--lilac-lace: #cda8d8;
--lilac-lace-rgb: 205 168 216;
--lilac-lace-oklch: oklch(0.78 0.078 318.4);
}
.element {
color: var(--lilac-lace);
background-color: hsl(286 38% 75%);
border-color: oklch(0.78 0.078 318.4);
}Tailwind CSS v4
@theme {
--color-lilac-lace: #cda8d8;
--color-lilac-lace-50: #ffeeff;
--color-lilac-lace-100: #f4e0f8;
--color-lilac-lace-200: #e4cae9;
--color-lilac-lace-300: #caabd0;
--color-lilac-lace-400: #b290bc;
--color-lilac-lace-500: #9c75a8;
--color-lilac-lace-600: #84648e;
--color-lilac-lace-700: #6a5072;
--color-lilac-lace-800: #4d3a55;
--color-lilac-lace-900: #36283b;
--color-lilac-lace-950: #211625;
}SCSS
$lilac-lace: #cda8d8;
$lilac-lace-rgb: 205, 168, 216;
$lilac-lace-light: mix(#fff, $lilac-lace, 20%);
$lilac-lace-dark: mix(#000, $lilac-lace, 20%);
.element {
color: $lilac-lace;
box-shadow: 0 0 0 2px rgba($lilac-lace, 0.35);
}