Colore con nome · #B8B0CF
Petunia Trail
Petunia Trail è #B8B0CF: rgb(184 176 207), hsl(255 24% 75%), oklch(0.774 0.044 297.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Petunia Trail color name →
#B8B0CF
oklch(0.774 0.044 297.2)
Conversioni di colore
- HEX
- #b8b0cf
- RGB
- rgb(184 176 207)
- HSL
- hsl(255 24% 75%)
- HWB
- hwb(255 69% 19%)
- OKLCH
- oklch(0.774 0.044 297.2)
- OKLab
- oklab(0.774 0.02 -0.04)
- CIE Lab
- lab(73.27 7.46 -14.7)
- LCH
- lch(73.27 16.49 296.9)
- CMYK
- cmyk(11% 15% 0% 19%)
Tinte · Ombre · Toni
Tinte
- BFB8D4
- C6BFD9
- CDC7DD
- D4CFE2
- DBD7E7
- E2DFEC
- E9E7F1
- F0EFF5
- F8F7FA
Ombre
- A099B4
- 888299
- 716C7F
- 5B5667
- 45424F
- 312E38
- 1E1C23
- 0C0B10
- 020102
Toni
- B2ABC7
- ACA6BF
- A7A1B7
- A19DAF
- 9B98A7
- 96939F
- 908E97
- 8B898F
- 858588
Armonie di colore
Complementare +180°
- B8B0CF
Petunia Trail
- B3BA9A
≈ Foille
Analogo -30° +30°
- B8B0CF
Petunia Trail
- A9B5D3
≈ Lilac Sachet
- C5ACC4
≈ Heather Feather
Triadico +120° +240°
- B8B0CF
Petunia Trail
- CCAF9A
≈ Frappé
- 98BFB5
≈ Carnival Glass
Complementare divisa +150° +210°
- B8B0CF
Petunia Trail
- C2B496
≈ Palisade
- A3BEA5
≈ Bryophyte
Tetradico +90° +180° +270°
- B8B0CF
Petunia Trail
- D1ABA6
≈ Rose Smoke
- B3BA9A
≈ Foille
- 95BEC4
≈ Squirt
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.06:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.14:1 · APCA Lc 62
Miglior colore del testo: #000000
WCAG 10.14:1 (AAA) · APCA Lc 62
Contrast pairs
Frammenti di codice
CSS
:root {
--petunia-trail: #b8b0cf;
--petunia-trail-rgb: 184 176 207;
--petunia-trail-oklch: oklch(0.774 0.044 297.2);
}
.element {
color: var(--petunia-trail);
background-color: hsl(255 24% 75%);
border-color: oklch(0.774 0.044 297.2);
}Tailwind CSS v4
@theme {
--color-petunia-trail: #b8b0cf;
--color-petunia-trail-50: #f7f3ff;
--color-petunia-trail-100: #eae5f5;
--color-petunia-trail-200: #d6d0e5;
--color-petunia-trail-300: #bab3cc;
--color-petunia-trail-400: #a199b6;
--color-petunia-trail-500: #8980a1;
--color-petunia-trail-600: #746d88;
--color-petunia-trail-700: #5d576d;
--color-petunia-trail-800: #433f50;
--color-petunia-trail-900: #2e2c38;
--color-petunia-trail-950: #1b1923;
}SCSS
$petunia-trail: #b8b0cf;
$petunia-trail-rgb: 184, 176, 207;
$petunia-trail-light: mix(#fff, $petunia-trail, 20%);
$petunia-trail-dark: mix(#000, $petunia-trail, 20%);
.element {
color: $petunia-trail;
box-shadow: 0 0 0 2px rgba($petunia-trail, 0.35);
}