Colore con nome più vicino · #516D97
#516D97
Colore con nome più vicino: Clean Slate
#516D97 (rgb(81 109 151), hsl(216 30% 45%), oklch(0.531 0.074 258.3)) è più vicino al colore con nome Clean Slate. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#516D97
oklch(0.531 0.074 258.3)
Conversioni di colore
- HEX
- #516d97
- RGB
- rgb(81 109 151)
- HSL
- hsl(216 30% 45%)
- HWB
- hwb(216 32% 41%)
- OKLCH
- oklch(0.531 0.074 258.3)
- OKLab
- oklab(0.531 -0.015 -0.073)
- CIE Lab
- lab(45.18 -1.5 -26.48)
- LCH
- lch(45.18 26.52 266.8)
- CMYK
- cmyk(46% 28% 0% 41%)
Tinte · Ombre · Toni
Tinte
- 617BA1
- 7289AC
- 8297B6
- 93A5C1
- A5B4CB
- B6C3D5
- C8D1E0
- DAE0EA
- ECF0F5
Ombre
- 455E83
- 3A4F6F
- 2F415C
- 243349
- 1A2637
- 101926
- 070D17
- 020408
- 000101
Toni
- 566F95
- 5B7193
- 5F7391
- 64758F
- 69778C
- 6D798A
- 727B88
- 777D85
- 7B7E83
Armonie di colore
Complementare +180°
- 516D97
Clean Slate
- 846737
≈ Dirt Brown
Analogo -30° +30°
- 516D97
Clean Slate
- 38748E
≈ Bengal Blue
- 6A6595
≈ Dark Horizon
Triadico +120° +240°
- 516D97
Clean Slate
- 925A5B
≈ Gallery Red
- 56764C
≈ Willow Bough
Complementare divisa +150° +210°
- 516D97
Clean Slate
- 8F5F45
≈ Western Pursuit
- 706F3A
≈ Tuscan Hills
Tetradico +90° +180° +270°
- 516D97
Clean Slate
- 8C5A73
≈ Blackberry Tint
- 846737
≈ Dirt Brown
- 3B7A64
≈ Fir
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.27:1 · APCA Lc 76
Ag
FailSu nero
WCAG 3.98:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.27:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--clean-slate: #516d97;
--clean-slate-rgb: 81 109 151;
--clean-slate-oklch: oklch(0.531 0.074 258.3);
}
.element {
color: var(--clean-slate);
background-color: hsl(216 30% 45%);
border-color: oklch(0.531 0.074 258.3);
}Tailwind CSS v4
@theme {
--color-clean-slate: #516d97;
--color-clean-slate-50: #e9f6ff;
--color-clean-slate-100: #dae9ff;
--color-clean-slate-200: #c2d5f5;
--color-clean-slate-300: #a2b9de;
--color-clean-slate-400: #84a0cb;
--color-clean-slate-500: #6787b7;
--color-clean-slate-600: #58739b;
--color-clean-slate-700: #465c7c;
--color-clean-slate-800: #31435c;
--color-clean-slate-900: #212f40;
--color-clean-slate-950: #111b29;
}SCSS
$clean-slate: #516d97;
$clean-slate-rgb: 81, 109, 151;
$clean-slate-light: mix(#fff, $clean-slate, 20%);
$clean-slate-dark: mix(#000, $clean-slate, 20%);
.element {
color: $clean-slate;
box-shadow: 0 0 0 2px rgba($clean-slate, 0.35);
}