Colore con nome · #3F585F
Prussian
Prussian è #3F585F: rgb(63 88 95), hsl(193 20% 31%), oklch(0.443 0.032 216.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Prussian color name →
#3F585F
oklch(0.443 0.032 216.9)
Conversioni di colore
- HEX
- #3f585f
- RGB
- rgb(63 88 95)
- HSL
- hsl(193 20% 31%)
- HWB
- hwb(193 25% 63%)
- OKLCH
- oklch(0.443 0.032 216.9)
- OKLab
- oklab(0.443 -0.026 -0.019)
- CIE Lab
- lab(35.59 -8.33 -7.28)
- LCH
- lch(35.59 11.06 221.1)
- CMYK
- cmyk(34% 7% 0% 63%)
Tinte · Ombre · Toni
Tinte
- 51676E
- 62777D
- 75878C
- 87979C
- 9AA8AC
- AEB9BC
- C2CACC
- D6DBDD
- EAEDEE
Ombre
- 354B52
- 2C3F44
- 233338
- 1B282C
- 121D20
- 0A1215
- 04090A
- 010303
- 000000
Toni
- 465C62
- 4C6066
- 526469
- 59686C
- 5F6C6F
- 667073
- 6C7476
- 737879
- 797C7D
Armonie di colore
Complementare +180°
- 3F585F
Prussian
- 644D47
≈ Cinnabark
Analogo -30° +30°
- 3F585F
Prussian
- 3F5956
≈ Concealment
- 455565
≈ Seal Blue
Triadico +120° +240°
- 3F585F
Prussian
- 5F4D5A
≈ Purple Fury
- 58543F
≈ Ivy Green
Complementare divisa +150° +210°
- 3F585F
Prussian
- 644C50
≈ Soul Searching
- 605040
≈ Rooted
Tetradico +90° +180° +270°
- 3F585F
Prussian
- 584F62
≈ Illusionist
- 644D47
≈ Cinnabark
- 4E5744
≈ Albert Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.57:1 · APCA Lc 86
Ag
FailSu nero
WCAG 2.77:1 · APCA Lc 16
Miglior colore del testo: #FFFFFF
WCAG 7.57:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--prussian: #3f585f;
--prussian-rgb: 63 88 95;
--prussian-oklch: oklch(0.443 0.032 216.9);
}
.element {
color: var(--prussian);
background-color: hsl(193 20% 31%);
border-color: oklch(0.443 0.032 216.9);
}Tailwind CSS v4
@theme {
--color-prussian: #3f585f;
--color-prussian-50: #ecf8fb;
--color-prussian-100: #ddebef;
--color-prussian-200: #c6d8de;
--color-prussian-300: #a6bcc3;
--color-prussian-400: #8aa4ab;
--color-prussian-500: #6f8c94;
--color-prussian-600: #5e767d;
--color-prussian-700: #4b5f64;
--color-prussian-800: #364549;
--color-prussian-900: #253033;
--color-prussian-950: #131c1f;
}SCSS
$prussian: #3f585f;
$prussian-rgb: 63, 88, 95;
$prussian-light: mix(#fff, $prussian, 20%);
$prussian-dark: mix(#000, $prussian, 20%);
.element {
color: $prussian;
box-shadow: 0 0 0 2px rgba($prussian, 0.35);
}