Colore con nome · #2C5778
Venice Blue
Venice Blue è #2C5778: rgb(44 87 120), hsl(206 46% 32%), oklch(0.441 0.073 243.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Venice Blue color name →
#2C5778
oklch(0.441 0.073 243.7)
Conversioni di colore
- HEX
- #2c5778
- RGB
- rgb(44 87 120)
- HSL
- hsl(206 46% 32%)
- HWB
- hwb(206 17% 53%)
- OKLCH
- oklch(0.441 0.073 243.7)
- OKLab
- oklab(0.441 -0.032 -0.065)
- CIE Lab
- lab(35.07 -7.1 -23.65)
- LCH
- lch(35.07 24.69 253.3)
- CMYK
- cmyk(63% 27% 0% 53%)
Tinte · Ombre · Toni
Tinte
- 416785
- 557792
- 6987A0
- 7D97AD
- 92A8BA
- A7B9C8
- BDCAD6
- D2DBE3
- E9EDF1
Ombre
- 254B67
- 1E3E57
- 173348
- 112739
- 0A1C2A
- 05121D
- 020810
- 010305
- 000001
Toni
- 355B79
- 3E5F7A
- 47647B
- 4F687C
- 576C7D
- 60707E
- 68747E
- 70787F
- 787C80
Armonie di colore
Complementare +180°
- 2C5778
Venice Blue
- 6F4A25
≈ Monks Robe
Analogo -30° +30°
- 2C5778
Venice Blue
- 0F5D6B
≈ Hero
- 46507B
≈ Provocative
Triadico +120° +240°
- 2C5778
Venice Blue
- 74414E
≈ Blood Rose
- 4B5A2A
≈ Woodman
Complementare divisa +150° +210°
- 2C5778
Venice Blue
- 764338
≈ Bole
- 60521E
≈ Tucumán Green
Tetradico +90° +180° +270°
- 2C5778
Venice Blue
- 6B4364
≈ Sultana
- 6F4A25
≈ Monks Robe
- 305F40
≈ Verde Garrafa
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.65:1 · APCA Lc 86
Ag
FailSu nero
WCAG 2.74:1 · APCA Lc 16
Miglior colore del testo: #FFFFFF
WCAG 7.65:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--venice-blue: #2c5778;
--venice-blue-rgb: 44 87 120;
--venice-blue-oklch: oklch(0.441 0.073 243.7);
}
.element {
color: var(--venice-blue);
background-color: hsl(206 46% 32%);
border-color: oklch(0.441 0.073 243.7);
}Tailwind CSS v4
@theme {
--color-venice-blue: #2c5778;
--color-venice-blue-50: #e5f8ff;
--color-venice-blue-100: #d5ebff;
--color-venice-blue-200: #bcd8f2;
--color-venice-blue-300: #99bcdb;
--color-venice-blue-400: #79a4c7;
--color-venice-blue-500: #5b8cb3;
--color-venice-blue-600: #4d7697;
--color-venice-blue-700: #3d5f79;
--color-venice-blue-800: #2b4659;
--color-venice-blue-900: #1d303f;
--color-venice-blue-950: #0d1c28;
}SCSS
$venice-blue: #2c5778;
$venice-blue-rgb: 44, 87, 120;
$venice-blue-light: mix(#fff, $venice-blue, 20%);
$venice-blue-dark: mix(#000, $venice-blue, 20%);
.element {
color: $venice-blue;
box-shadow: 0 0 0 2px rgba($venice-blue, 0.35);
}