Benannte Farbe · #CAC1E2
Party Hat
Party Hat ist #CAC1E2: rgb(202 193 226), hsl(256 36% 82%), oklch(0.829 0.047 297.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Party Hat color name →
#CAC1E2
oklch(0.829 0.047 297.9)
Farbumrechnungen
- HEX
- #cac1e2
- RGB
- rgb(202 193 226)
- HSL
- hsl(256 36% 82%)
- HWB
- hwb(256 76% 11%)
- OKLCH
- oklch(0.829 0.047 297.9)
- OKLab
- oklab(0.829 0.022 -0.041)
- CIE Lab
- lab(79.6 7.97 -15.33)
- LCH
- lch(79.6 17.27 297.5)
- CMYK
- cmyk(11% 15% 0% 11%)
Tints · Shades · Tones
Tints
- CFC7E5
- D4CDE8
- DAD3EB
- DFDAEE
- E4E0F1
- E9E6F4
- EFECF6
- F4F2F9
- FAF9FC
Shades
- AFA7C4
- 958FA8
- 7C778C
- 645F71
- 4D4957
- 37343E
- 222027
- 0F0E12
- 020203
Tones
- C2BAD8
- BBB4CE
- B3ADC4
- ACA7BA
- A4A0B0
- 9D9AA6
- 96939C
- 8E8D93
- 878689
Farbharmonien
Komplementär +180°
- CAC1E2
Party Hat
- C4CCAA
≈ Jardin de Hierbas
Analog -30° +30°
- CAC1E2
Party Hat
- BAC7E6
≈ Pale Wisteria
- D8BDD7
≈ Thistle
Triadisch +120° +240°
- CAC1E2
Party Hat
- DFC0AA
≈ Cinnamon Tea
- A7D1C7
≈ Whirlpool Green
Geteilt komplementär +150° +210°
- CAC1E2
Party Hat
- D4C6A5
≈ Welcome Walkway
- B3D0B6
≈ Pastel Mint Green
Tetradisch +90° +180° +270°
- CAC1E2
Party Hat
- E4BCB6
≈ Balcony Rose
- C4CCAA
≈ Jardin de Hierbas
- A4D0D7
≈ Cay
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.71:1 · APCA Lc 31
Ag
AAAAuf Schwarz
WCAG 12.23:1 · APCA Lc 72
Beste Textfarbe: #000000
WCAG 12.23:1 (AAA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--party-hat: #cac1e2;
--party-hat-rgb: 202 193 226;
--party-hat-oklch: oklch(0.829 0.047 297.9);
}
.element {
color: var(--party-hat);
background-color: hsl(256 36% 82%);
border-color: oklch(0.829 0.047 297.9);
}Tailwind CSS v4
@theme {
--color-party-hat: #cac1e2;
--color-party-hat-50: #f7f2ff;
--color-party-hat-100: #eae5f6;
--color-party-hat-200: #d7d0e6;
--color-party-hat-300: #bbb2cc;
--color-party-hat-400: #a199b7;
--color-party-hat-500: #8980a2;
--color-party-hat-600: #746c89;
--color-party-hat-700: #5d576d;
--color-party-hat-800: #433f51;
--color-party-hat-900: #2f2c38;
--color-party-hat-950: #1b1923;
}SCSS
$party-hat: #cac1e2;
$party-hat-rgb: 202, 193, 226;
$party-hat-light: mix(#fff, $party-hat, 20%);
$party-hat-dark: mix(#000, $party-hat, 20%);
.element {
color: $party-hat;
box-shadow: 0 0 0 2px rgba($party-hat, 0.35);
}