Colore con nome · #6C6D94
Campanula Purple
Campanula Purple è #6C6D94: rgb(108 109 148), hsl(239 16% 50%), oklch(0.549 0.06 283.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Campanula Purple color name →
#6C6D94
oklch(0.549 0.06 283.1)
Conversioni di colore
- HEX
- #6c6d94
- RGB
- rgb(108 109 148)
- HSL
- hsl(239 16% 50%)
- HWB
- hwb(239 42% 42%)
- OKLCH
- oklch(0.549 0.06 283.1)
- OKLab
- oklab(0.549 0.014 -0.059)
- CIE Lab
- lab(47.1 6.54 -21.55)
- LCH
- lch(47.1 22.52 286.9)
- CMYK
- cmyk(27% 26% 0% 42%)
Tinte · Ombre · Toni
Tinte
- 797B9F
- 8789A9
- 9597B4
- A4A5BE
- B2B4C9
- C1C2D4
- D0D1DE
- E0E0E9
- EFF0F4
Ombre
- 5D5E80
- 4E4F6D
- 40415A
- 323348
- 252636
- 191926
- 0D0D16
- 040408
- 000101
Toni
- 6E6F92
- 707190
- 72738E
- 74758C
- 76778B
- 787989
- 7A7B86
- 7C7C84
- 7E7E82
Armonie di colore
Complementare +180°
- 6C6D94
Campanula Purple
- 777349
≈ Fern Shade
Analogo -30° +30°
- 6C6D94
Campanula Purple
- 587494
≈ Clean Slate
- 7E678B
≈ Matriarch
Triadico +120° +240°
- 6C6D94
Campanula Purple
- 906655
≈ Stormy Plum
- 4F7D67
≈ Blackberry Leaf Green
Complementare divisa +150° +210°
- 6C6D94
Campanula Purple
- 876C49
≈ Wine Cork
- 637955
≈ Garden Club
Tetradico +90° +180° +270°
- 6C6D94
Campanula Purple
- 916367
≈ Roseland
- 777349
≈ Fern Shade
- 437D7B
≈ Lucky Shamrock
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.93:1 · APCA Lc 74
Ag
FailSu nero
WCAG 4.25:1 · APCA Lc 28
Miglior colore del testo: #FFFFFF
WCAG 4.93:1 (AA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--campanula-purple: #6c6d94;
--campanula-purple-rgb: 108 109 148;
--campanula-purple-oklch: oklch(0.549 0.06 283.1);
}
.element {
color: var(--campanula-purple);
background-color: hsl(239 16% 50%);
border-color: oklch(0.549 0.06 283.1);
}Tailwind CSS v4
@theme {
--color-campanula-purple: #6c6d94;
--color-campanula-purple-50: #f3f3ff;
--color-campanula-purple-100: #e5e6fc;
--color-campanula-purple-200: #d1d1ee;
--color-campanula-purple-300: #b4b4d6;
--color-campanula-purple-400: #999ac2;
--color-campanula-purple-500: #8081ae;
--color-campanula-purple-600: #6c6e93;
--color-campanula-purple-700: #575876;
--color-campanula-purple-800: #3e4057;
--color-campanula-purple-900: #2b2c3d;
--color-campanula-purple-950: #181926;
}SCSS
$campanula-purple: #6c6d94;
$campanula-purple-rgb: 108, 109, 148;
$campanula-purple-light: mix(#fff, $campanula-purple, 20%);
$campanula-purple-dark: mix(#000, $campanula-purple, 20%);
.element {
color: $campanula-purple;
box-shadow: 0 0 0 2px rgba($campanula-purple, 0.35);
}