Colore con nome · #B8B3C8
Bohemianism
Bohemianism è #B8B3C8: rgb(184 179 200), hsl(254 16% 74%), oklch(0.777 0.03 296.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Bohemianism color name →
#B8B3C8
oklch(0.777 0.03 296.6)
Conversioni di colore
- HEX
- #b8b3c8
- RGB
- rgb(184 179 200)
- HSL
- hsl(254 16% 74%)
- HWB
- hwb(254 70% 22%)
- OKLCH
- oklch(0.777 0.03 296.6)
- OKLab
- oklab(0.777 0.013 -0.027)
- CIE Lab
- lab(73.86 4.85 -10.02)
- LCH
- lch(73.86 11.14 295.8)
- CMYK
- cmyk(8% 11% 0% 22%)
Tinte · Ombre · Toni
Tinte
- BFBACD
- C6C2D3
- CDC9D8
- D4D1DE
- DBD8E3
- E2E0E9
- E9E8EE
- F0EFF4
- F8F7F9
Ombre
- A09BAE
- 888494
- 716E7B
- 5B5863
- 45434C
- 312F36
- 1E1D21
- 0C0C0F
- 020102
Toni
- B2AEC1
- ACA9B9
- A7A3B2
- A19EAB
- 9C99A3
- 96949C
- 908F95
- 8B8A8E
- 858587
Armonie di colore
Complementare +180°
- B8B3C8
Bohemianism
- B5B9A4
≈ Tickled Crow
Analogo -30° +30°
- B8B3C8
Bohemianism
- AEB7CA
≈ Ethereal Mist
- C1B0C1
≈ Almost Plum
Triadico +120° +240°
- B8B3C8
Bohemianism
- C6B2A5
≈ Mauvette
- A3BDB6
≈ Garden Twilight
Complementare divisa +150° +210°
- B8B3C8
Bohemianism
- BFB6A1
≈ Roman Ruins
- ABBCAC
≈ Rockfall
Tetradico +90° +180° +270°
- B8B3C8
Bohemianism
- C9B0AC
≈ Insightful Rose
- B5B9A4
≈ Tickled Crow
- A1BCC0
≈ Seafoam Whisper
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.03:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.32:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.32:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--bohemianism: #b8b3c8;
--bohemianism-rgb: 184 179 200;
--bohemianism-oklch: oklch(0.777 0.03 296.6);
}
.element {
color: var(--bohemianism);
background-color: hsl(254 16% 74%);
border-color: oklch(0.777 0.03 296.6);
}Tailwind CSS v4
@theme {
--color-bohemianism: #b8b3c8;
--color-bohemianism-50: #f6f3fd;
--color-bohemianism-100: #e9e6f1;
--color-bohemianism-200: #d6d2e0;
--color-bohemianism-300: #b9b4c5;
--color-bohemianism-400: #a09baf;
--color-bohemianism-500: #888298;
--color-bohemianism-600: #736e81;
--color-bohemianism-700: #5c5867;
--color-bohemianism-800: #43404c;
--color-bohemianism-900: #2e2c35;
--color-bohemianism-950: #1b1a20;
}SCSS
$bohemianism: #b8b3c8;
$bohemianism-rgb: 184, 179, 200;
$bohemianism-light: mix(#fff, $bohemianism, 20%);
$bohemianism-dark: mix(#000, $bohemianism, 20%);
.element {
color: $bohemianism;
box-shadow: 0 0 0 2px rgba($bohemianism, 0.35);
}