Nächste benannte Farbe · #C682CF
#C682CF
Nächste benannte Farbe: Violaceous
#C682CF (rgb(198 130 207), hsl(293 45% 66%), oklch(0.703 0.132 322.7)) liegt am nächsten an der benannten Farbe Violaceous. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#C682CF
oklch(0.703 0.132 322.7)
Farbumrechnungen
- HEX
- #c682cf
- RGB
- rgb(198 130 207)
- HSL
- hsl(293 45% 66%)
- HWB
- hwb(293 51% 19%)
- OKLCH
- oklch(0.703 0.132 322.7)
- OKLab
- oklab(0.703 0.105 -0.08)
- CIE Lab
- lab(63.63 36.22 -29.09)
- LCH
- lch(63.63 46.46 321.2)
- CMYK
- cmyk(4% 37% 0% 19%)
Tints · Shades · Tones
Tints
- CC8FD4
- D29BD9
- D8A8DE
- DEB4E3
- E4C0E8
- E9CDED
- EFD9F1
- F4E6F6
- FAF2FB
Shades
- AC70B4
- 925F99
- 7A4E7F
- 623E67
- 4B2F4F
- 352038
- 211223
- 0E0610
- 020102
Tones
- BF82C7
- B883BF
- B183B7
- AA83AF
- A382A7
- 9C82A0
- 958298
- 8E8190
- 878188
Farbharmonien
Komplementär +180°
- C682CF
Violaceous
- 6BB466
≈ Boring Green
Analog -30° +30°
- C682CF
Violaceous
- A28FEA
≈ Perrywinkle
- DD7BA7
≈ Pinking. Fast and Slow
Triadisch +120° +240°
- C682CF
Violaceous
- C79629
≈ Tawny Olive
- 00B5C0
≈ Lago Blue
Geteilt komplementär +150° +210°
- C682CF
Violaceous
- A1A739
≈ Mikado Green
- 18B997
≈ Aoife’s Green
Tetradisch +90° +180° +270°
- C682CF
Violaceous
- DF864B
≈ Schnipo
- 6BB466
≈ Boring Green
- 2EACE3
≈ Royal Peacock
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.80:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.49:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--violaceous: #c682cf;
--violaceous-rgb: 198 130 207;
--violaceous-oklch: oklch(0.703 0.132 322.7);
}
.element {
color: var(--violaceous);
background-color: hsl(293 45% 66%);
border-color: oklch(0.703 0.132 322.7);
}Tailwind CSS v4
@theme {
--color-violaceous: #c682cf;
--color-violaceous-50: #ffe9ff;
--color-violaceous-100: #ffdaff;
--color-violaceous-200: #f1c1f4;
--color-violaceous-300: #daa0dd;
--color-violaceous-400: #c383cc;
--color-violaceous-500: #af65b9;
--color-violaceous-600: #94569c;
--color-violaceous-700: #76457d;
--color-violaceous-800: #56325e;
--color-violaceous-900: #3c2242;
--color-violaceous-950: #26112a;
}SCSS
$violaceous: #c682cf;
$violaceous-rgb: 198, 130, 207;
$violaceous-light: mix(#fff, $violaceous, 20%);
$violaceous-dark: mix(#000, $violaceous, 20%);
.element {
color: $violaceous;
box-shadow: 0 0 0 2px rgba($violaceous, 0.35);
}