Colore con nome · #CC99EE
Dream Vapour
Dream Vapour è #CC99EE: rgb(204 153 238), hsl(276 71% 77%), oklch(0.761 0.13 311.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Dream Vapour color name →
#CC99EE
oklch(0.761 0.13 311.1)
Conversioni di colore
- HEX
- #cc99ee
- RGB
- rgb(204 153 238)
- HSL
- hsl(276 71% 77%)
- HWB
- hwb(276 60% 7%)
- OKLCH
- oklch(0.761 0.13 311.1)
- OKLab
- oklab(0.761 0.085 -0.098)
- CIE Lab
- lab(70.49 31.09 -35.58)
- LCH
- lch(70.49 47.25 311.2)
- CMYK
- cmyk(14% 36% 0% 7%)
Tinte · Ombre · Toni
Tinte
- D1A3F0
- D6AEF2
- DBB8F4
- E0C2F6
- E6CCF8
- EBD6F9
- F0E1FB
- F5EBFC
- FAF5FE
Ombre
- B184CF
- 9770B1
- 7E5D93
- 654A77
- 4E385C
- 372742
- 22172A
- 0F0814
- 020103
Toni
- C497E3
- BC95D8
- B592CC
- AD90C1
- A58DB6
- 9E8BAB
- 9688A1
- 8F8696
- 87838B
Armonie di colore
Complementare +180°
- CC99EE
Dream Vapour
- 94C268
≈ Jaunty Green
Analogo -30° +30°
- CC99EE
Dream Vapour
- A4A8FF
≈ Shy Moment
- E98FCA
≈ Blushed Bombshell
Triadico +120° +240°
- CC99EE
Dream Vapour
- E5A24B
≈ Jurassic Gold
- 0ECBC5
≈ Tilla Kari Mosque
Complementare divisa +150° +210°
- CC99EE
Dream Vapour
- C3B446
≈ Hep Green
- 59CB96
≈ Vegetation
Tetradico +90° +180° +270°
- CC99EE
Dream Vapour
- F7946F
≈ Melon Red
- 94C268
≈ Jaunty Green
- 2FC4EB
≈ Blue Raspberry
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.24:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.35:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.35:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
CSS
:root {
--dream-vapour: #cc99ee;
--dream-vapour-rgb: 204 153 238;
--dream-vapour-oklch: oklch(0.761 0.13 311.1);
}
.element {
color: var(--dream-vapour);
background-color: hsl(276 71% 77%);
border-color: oklch(0.761 0.13 311.1);
}Tailwind CSS v4
@theme {
--color-dream-vapour: #cc99ee;
--color-dream-vapour-50: #ffebff;
--color-dream-vapour-100: #f7dcff;
--color-dream-vapour-200: #e8c5fc;
--color-dream-vapour-300: #cfa4e7;
--color-dream-vapour-400: #b787d7;
--color-dream-vapour-500: #a26ac5;
--color-dream-vapour-600: #895ba6;
--color-dream-vapour-700: #6d4885;
--color-dream-vapour-800: #4f3464;
--color-dream-vapour-900: #372446;
--color-dream-vapour-950: #22122e;
}SCSS
$dream-vapour: #cc99ee;
$dream-vapour-rgb: 204, 153, 238;
$dream-vapour-light: mix(#fff, $dream-vapour, 20%);
$dream-vapour-dark: mix(#000, $dream-vapour, 20%);
.element {
color: $dream-vapour;
box-shadow: 0 0 0 2px rgba($dream-vapour, 0.35);
}