Colore con nome · #9CB3B5
Powder Mill
Powder Mill è #9CB3B5: rgb(156 179 181), hsl(185 14% 66%), oklch(0.75 0.026 203). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Powder Mill color name →
#9CB3B5
oklch(0.75 0.026 203)
Conversioni di colore
- HEX
- #9cb3b5
- RGB
- rgb(156 179 181)
- HSL
- hsl(185 14% 66%)
- HWB
- hwb(185 61% 29%)
- OKLCH
- oklch(0.75 0.026 203)
- OKLab
- oklab(0.75 -0.024 -0.01)
- CIE Lab
- lab(71.22 -7.89 -3.84)
- LCH
- lch(71.22 8.77 206)
- CMYK
- cmyk(14% 1% 0% 29%)
Tinte · Ombre · Toni
Tinte
- A6BABC
- AFC2C3
- B9C9CB
- C3D1D2
- CDD8D9
- D7E0E1
- E1E8E8
- EBEFF0
- F5F7F7
Ombre
- 879B9D
- 738486
- 5F6E6F
- 4C5859
- 394344
- 282F30
- 181D1D
- 090C0C
- 010102
Toni
- 99AEB0
- 96A9AA
- 94A3A5
- 919E9F
- 8E999A
- 8B9495
- 898F90
- 868A8A
- 838585
Armonie di colore
Complementare +180°
- 9CB3B5
Powder Mill
- BEA8A6
≈ Relaxed Rhino
Analogo -30° +30°
- 9CB3B5
Powder Mill
- 9EB3AC
≈ Sceptic
- 9FB1BC
≈ In the Blue
Triadico +120° +240°
- 9CB3B5
Powder Mill
- B6A9B7
≈ Chatelle
- B6AD9C
≈ Feather Grey
Complementare divisa +150° +210°
- 9CB3B5
Powder Mill
- BCA8AF
≈ Pale Poppy
- BCAA9F
≈ Crushed Stone
Tetradico +90° +180° +270°
- 9CB3B5
Powder Mill
- AEABBD
≈ Lilac Bloom
- BEA8A6
≈ Relaxed Rhino
- AEB09E
≈ Still
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.20:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.52:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.52:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
CSS
:root {
--powder-mill: #9cb3b5;
--powder-mill-rgb: 156 179 181;
--powder-mill-oklch: oklch(0.75 0.026 203);
}
.element {
color: var(--powder-mill);
background-color: hsl(185 14% 66%);
border-color: oklch(0.75 0.026 203);
}Tailwind CSS v4
@theme {
--color-powder-mill: #9cb3b5;
--color-powder-mill-50: #edf7f9;
--color-powder-mill-100: #dfeaec;
--color-powder-mill-200: #c8d8d9;
--color-powder-mill-300: #a9bbbe;
--color-powder-mill-400: #8ea3a5;
--color-powder-mill-500: #738b8e;
--color-powder-mill-600: #627678;
--color-powder-mill-700: #4e5e60;
--color-powder-mill-800: #384546;
--color-powder-mill-900: #273030;
--color-powder-mill-950: #151c1d;
}SCSS
$powder-mill: #9cb3b5;
$powder-mill-rgb: 156, 179, 181;
$powder-mill-light: mix(#fff, $powder-mill, 20%);
$powder-mill-dark: mix(#000, $powder-mill, 20%);
.element {
color: $powder-mill;
box-shadow: 0 0 0 2px rgba($powder-mill, 0.35);
}