Nächste benannte Farbe · #C6A3E0
#C6A3E0
Nächste benannte Farbe: Enchanted Lavender
#C6A3E0 (rgb(198 163 224), hsl(274 50% 76%), oklch(0.768 0.093 310.3)) liegt am nächsten an der benannten Farbe Enchanted Lavender. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#C6A3E0
oklch(0.768 0.093 310.3)
Farbumrechnungen
- HEX
- #c6a3e0
- RGB
- rgb(198 163 224)
- HSL
- hsl(274 50% 76%)
- HWB
- hwb(274 64% 12%)
- OKLCH
- oklch(0.768 0.093 310.3)
- OKLab
- oklab(0.768 0.06 -0.071)
- CIE Lab
- lab(71.78 21.68 -26.04)
- LCH
- lch(71.78 33.88 309.8)
- CMYK
- cmyk(12% 27% 0% 12%)
Tints · Shades · Tones
Tints
- CCACE3
- D1B5E7
- D7BEEA
- DDC8ED
- E2D1F0
- E8DAF3
- EEE3F6
- F3ECF9
- F9F6FC
Shades
- AC8DC3
- 9278A6
- 7A638A
- 624F70
- 4B3C56
- 352A3E
- 211927
- 0E0A12
- 020102
Tones
- BFA0D6
- B89CCC
- B199C3
- A995B9
- A292AF
- 9B8EA6
- 958B9C
- 8E8793
- 878489
Farbharmonien
Komplementär +180°
- C6A3E0
Enchanted Lavender
- 9FC081
≈ Picnic
Analog -30° +30°
- C6A3E0
Enchanted Lavender
- A8ADEE
≈ Wondrous Wisteria
- DC9CC6
≈ Lilac Chiffon
Triadisch +120° +240°
- C6A3E0
Enchanted Lavender
- DAA970
≈ Flower Field
- 64C7C1
≈ Chinese Lacquer
Geteilt komplementär +150° +210°
- C6A3E0
Enchanted Lavender
- C1B56E
≈ Kohlrabi
- 7CC69F
≈ Foul Green
Tetradisch +90° +180° +270°
- C6A3E0
Enchanted Lavender
- E79F86
≈ Tonys Pink
- 9FC081
≈ Picnic
- 69C1DD
≈ Candid Blue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.16:1 · APCA Lc 42
Ag
AAAAuf Schwarz
WCAG 9.71:1 · APCA Lc 60
Beste Textfarbe: #000000
WCAG 9.71:1 (AAA) · APCA Lc 60
Contrast pairs
Code-Snippets
CSS
:root {
--enchanted-lavender: #c6a3e0;
--enchanted-lavender-rgb: 198 163 224;
--enchanted-lavender-oklch: oklch(0.768 0.093 310.3);
}
.element {
color: var(--enchanted-lavender);
background-color: hsl(274 50% 76%);
border-color: oklch(0.768 0.093 310.3);
}Tailwind CSS v4
@theme {
--color-enchanted-lavender: #c6a3e0;
--color-enchanted-lavender-50: #feeeff;
--color-enchanted-lavender-100: #f3e0ff;
--color-enchanted-lavender-200: #e2c9f2;
--color-enchanted-lavender-300: #c8aada;
--color-enchanted-lavender-400: #b08fc8;
--color-enchanted-lavender-500: #9974b4;
--color-enchanted-lavender-600: #826298;
--color-enchanted-lavender-700: #684f7a;
--color-enchanted-lavender-800: #4b395b;
--color-enchanted-lavender-900: #342740;
--color-enchanted-lavender-950: #201529;
}SCSS
$enchanted-lavender: #c6a3e0;
$enchanted-lavender-rgb: 198, 163, 224;
$enchanted-lavender-light: mix(#fff, $enchanted-lavender, 20%);
$enchanted-lavender-dark: mix(#000, $enchanted-lavender, 20%);
.element {
color: $enchanted-lavender;
box-shadow: 0 0 0 2px rgba($enchanted-lavender, 0.35);
}