Colore con nome · #B6BDD3
Peri Wink
Peri Wink è #B6BDD3: rgb(182 189 211), hsl(226 25% 77%), oklch(0.8 0.032 271.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Peri Wink color name →
#B6BDD3
oklch(0.8 0.032 271.6)
Conversioni di colore
- HEX
- #b6bdd3
- RGB
- rgb(182 189 211)
- HSL
- hsl(226 25% 77%)
- HWB
- hwb(226 71% 17%)
- OKLCH
- oklch(0.8 0.032 271.6)
- OKLab
- oklab(0.8 0.001 -0.032)
- CIE Lab
- lab(76.58 0.8 -11.97)
- LCH
- lch(76.58 12 273.8)
- CMYK
- cmyk(14% 10% 0% 17%)
Tinte · Ombre · Toni
Tinte
- BDC3D7
- C4CADC
- CBD0E0
- D3D7E5
- DADEE9
- E1E4ED
- E9EBF2
- F0F2F6
- F7F8FB
Ombre
- 9EA4B7
- 868C9C
- 6F7482
- 595D69
- 444751
- 30333A
- 1D1F24
- 0C0D10
- 020202
Toni
- B0B7CA
- ABB0C2
- A5AAB9
- A0A4B1
- 9B9EA9
- 9598A0
- 909298
- 8B8C90
- 858688
Armonie di colore
Complementare +180°
- B6BDD3
Peri Wink
- C5BDA7
≈ Rippling Stone
Analogo -30° +30°
- B6BDD3
Peri Wink
- ACC1D1
≈ Ruffled Feathers
- C1B9CF
≈ Savile Row
Triadico +120° +240°
- B6BDD3
Peri Wink
- D2B7B1
≈ Oyster Pink
- AFC4B4
≈ Rainee
Complementare divisa +150° +210°
- B6BDD3
Peri Wink
- CDBAA9
≈ Smoke Grey
- BAC1AB
≈ Healing Retreat
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.87:1 · APCA Lc 35
Ag
AAASu nero
WCAG 11.20:1 · APCA Lc 67
Miglior colore del testo: #000000
WCAG 11.20:1 (AAA) · APCA Lc 67
Contrast pairs
Frammenti di codice
CSS
:root {
--peri-wink: #b6bdd3;
--peri-wink-rgb: 182 189 211;
--peri-wink-oklch: oklch(0.8 0.032 271.6);
}
.element {
color: var(--peri-wink);
background-color: hsl(226 25% 77%);
border-color: oklch(0.8 0.032 271.6);
}Tailwind CSS v4
@theme {
--color-peri-wink: #b6bdd3;
--color-peri-wink-50: #f2f5ff;
--color-peri-wink-100: #e4e7f3;
--color-peri-wink-200: #d0d4e2;
--color-peri-wink-300: #b2b7c8;
--color-peri-wink-400: #979eb2;
--color-peri-wink-500: #7e859c;
--color-peri-wink-600: #6b7184;
--color-peri-wink-700: #555a6a;
--color-peri-wink-800: #3e424e;
--color-peri-wink-900: #2a2e36;
--color-peri-wink-950: #181a21;
}SCSS
$peri-wink: #b6bdd3;
$peri-wink-rgb: 182, 189, 211;
$peri-wink-light: mix(#fff, $peri-wink, 20%);
$peri-wink-dark: mix(#000, $peri-wink, 20%);
.element {
color: $peri-wink;
box-shadow: 0 0 0 2px rgba($peri-wink, 0.35);
}