Colore con nome · #BDB3C3
Perplexed
Perplexed è #BDB3C3: rgb(189 179 195), hsl(278 12% 73%), oklch(0.78 0.025 313.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Perplexed color name →
#BDB3C3
oklch(0.78 0.025 313.1)
Conversioni di colore
- HEX
- #bdb3c3
- RGB
- rgb(189 179 195)
- HSL
- hsl(278 12% 73%)
- HWB
- hwb(278 70% 24%)
- OKLCH
- oklch(0.78 0.025 313.1)
- OKLab
- oklab(0.78 0.017 -0.018)
- CIE Lab
- lab(74.16 5.89 -6.81)
- LCH
- lch(74.16 9.01 310.9)
- CMYK
- cmyk(3% 8% 0% 24%)
Tinte · Ombre · Toni
Tinte
- C3BAC9
- CAC2CF
- D0C9D5
- D7D1DB
- DED8E1
- E4E0E7
- EBE8ED
- F2EFF3
- F8F7F9
Ombre
- A49BA9
- 8C8490
- 746E78
- 5D5860
- 47434A
- 332F34
- 1F1D20
- 0D0C0E
- 020102
Toni
- B7AEBC
- B0A9B5
- AAA3AE
- A49EA8
- 9E99A1
- 98949A
- 928F94
- 8C8A8D
- 868586
Armonie di colore
Complementare +180°
- BDB3C3
Perplexed
- B1BBAB
≈ Morning Dew
Analogo -30° +30°
- BDB3C3
Perplexed
- B5B6C7
≈ Soul Sister
- C4B1BB
≈ Calm Cupid
Triadico +120° +240°
- BDB3C3
Perplexed
- C1B5A6
≈ Sophistication
- A6BDBC
≈ Falkland
Complementare divisa +150° +210°
- BDB3C3
Perplexed
- BAB8A6
≈ Feathers of a Dove
- AABDB3
≈ Foggy Rain
Tetradico +90° +180° +270°
- BDB3C3
Perplexed
- C6B3AB
≈ Mauvette
- B1BBAB
≈ Morning Dew
- A7BBC3
≈ Windy Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.01:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.39:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.39:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--perplexed: #bdb3c3;
--perplexed-rgb: 189 179 195;
--perplexed-oklch: oklch(0.78 0.025 313.1);
}
.element {
color: var(--perplexed);
background-color: hsl(278 12% 73%);
border-color: oklch(0.78 0.025 313.1);
}Tailwind CSS v4
@theme {
--color-perplexed: #bdb3c3;
--color-perplexed-50: #f8f3fa;
--color-perplexed-100: #ebe5ee;
--color-perplexed-200: #d8d1dc;
--color-perplexed-300: #bcb4c0;
--color-perplexed-400: #a49aa9;
--color-perplexed-500: #8c8292;
--color-perplexed-600: #766e7c;
--color-perplexed-700: #5f5863;
--color-perplexed-800: #454049;
--color-perplexed-900: #302c33;
--color-perplexed-950: #1c191e;
}SCSS
$perplexed: #bdb3c3;
$perplexed-rgb: 189, 179, 195;
$perplexed-light: mix(#fff, $perplexed, 20%);
$perplexed-dark: mix(#000, $perplexed, 20%);
.element {
color: $perplexed;
box-shadow: 0 0 0 2px rgba($perplexed, 0.35);
}