Colore con nome · #50759E
Secrecy
Secrecy è #50759E: rgb(80 117 158), hsl(212 33% 47%), oklch(0.552 0.077 251.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Secrecy color name →
#50759E
oklch(0.552 0.077 251.8)
Conversioni di colore
- HEX
- #50759e
- RGB
- rgb(80 117 158)
- HSL
- hsl(212 33% 47%)
- HWB
- hwb(212 31% 38%)
- OKLCH
- oklch(0.552 0.077 251.8)
- OKLab
- oklab(0.552 -0.024 -0.073)
- CIE Lab
- lab(47.76 -4.51 -26.6)
- LCH
- lch(47.76 26.98 260.4)
- CMYK
- cmyk(49% 26% 0% 38%)
Tinte · Ombre · Toni
Tinte
- 6182A8
- 7190B1
- 829DBB
- 93ABC5
- A5B8CF
- B6C6D8
- C8D4E2
- DAE2EC
- EDF1F5
Ombre
- 446589
- 395574
- 2E4660
- 24374D
- 1A293A
- 101C29
- 070F18
- 020509
- 000101
Toni
- 55769B
- 5A7898
- 5F7996
- 647A93
- 697B90
- 6E7C8D
- 727D8A
- 777E86
- 7B7F83
Armonie di colore
Complementare +180°
- 50759E
Secrecy
- 8E6B3D
≈ Carmel Woods
Analogo -30° +30°
- 50759E
Secrecy
- 377C92
≈ Blue Rodeo
- 6B6D9E
≈ Dusted Peri
Triadico +120° +240°
- 50759E
Secrecy
- 995F66
≈ Abra Cadabra
- 627C4C
≈ Dingley
Complementare divisa +150° +210°
- 50759E
Secrecy
- 99634E
≈ Ginger Gold
- 7B743C
≈ Trellis Climber
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.79:1 · APCA Lc 73
Ag
FailSu nero
WCAG 4.37:1 · APCA Lc 29
Miglior colore del testo: #FFFFFF
WCAG 4.79:1 (AA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--secrecy: #50759e;
--secrecy-rgb: 80 117 158;
--secrecy-oklch: oklch(0.552 0.077 251.8);
}
.element {
color: var(--secrecy);
background-color: hsl(212 33% 47%);
border-color: oklch(0.552 0.077 251.8);
}Tailwind CSS v4
@theme {
--color-secrecy: #50759e;
--color-secrecy-50: #e6f7ff;
--color-secrecy-100: #d7eaff;
--color-secrecy-200: #bed7f5;
--color-secrecy-300: #9dbadf;
--color-secrecy-400: #7da2cb;
--color-secrecy-500: #6089b8;
--color-secrecy-600: #51749b;
--color-secrecy-700: #415d7d;
--color-secrecy-800: #2d445c;
--color-secrecy-900: #1f2f40;
--color-secrecy-950: #0e1c29;
}SCSS
$secrecy: #50759e;
$secrecy-rgb: 80, 117, 158;
$secrecy-light: mix(#fff, $secrecy, 20%);
$secrecy-dark: mix(#000, $secrecy, 20%);
.element {
color: $secrecy;
box-shadow: 0 0 0 2px rgba($secrecy, 0.35);
}