Colore con nome · #2C5463
Glitch
Glitch è #2C5463: rgb(44 84 99), hsl(196 38% 28%), oklch(0.423 0.051 224.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Glitch color name →
#2C5463
oklch(0.423 0.051 224.5)
Conversioni di colore
- HEX
- #2c5463
- RGB
- rgb(44 84 99)
- HSL
- hsl(196 38% 28%)
- HWB
- hwb(196 17% 61%)
- OKLCH
- oklch(0.423 0.051 224.5)
- OKLab
- oklab(0.423 -0.037 -0.036)
- CIE Lab
- lab(33.29 -11.1 -13.35)
- LCH
- lch(33.29 17.36 230.2)
- CMYK
- cmyk(56% 15% 0% 61%)
Tinte · Ombre · Toni
Tinte
- 406472
- 547480
- 68848F
- 7D959F
- 92A6AE
- A7B7BE
- BCC9CE
- D2DBDE
- E8EDEE
Ombre
- 254855
- 1E3C47
- 17313A
- 11262E
- 0A1B21
- 051116
- 02080B
- 010203
- 000000
Toni
- 355866
- 3E5D69
- 46616C
- 4F666F
- 576A72
- 5F6E75
- 677377
- 70777A
- 787C7D
Armonie di colore
Complementare +180°
- 2C5463
Glitch
- 664536
≈ Copra
Analogo -30° +30°
- 2C5463
Glitch
- 285756
≈ Sea Challenge
- 3A4F6A
≈ Police Blue
Triadico +120° +240°
- 2C5463
Glitch
- 624355
≈ Deep Exquisite
- 52502D
≈ Warplock Bronze
Complementare divisa +150° +210°
- 2C5463
Glitch
- 674245
≈ Smoked Flamingo
- 5F4A2D
≈ Nightingale
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.21:1 · APCA Lc 88
Ag
FailSu nero
WCAG 2.55:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 8.21:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--glitch: #2c5463;
--glitch-rgb: 44 84 99;
--glitch-oklch: oklch(0.423 0.051 224.5);
}
.element {
color: var(--glitch);
background-color: hsl(196 38% 28%);
border-color: oklch(0.423 0.051 224.5);
}Tailwind CSS v4
@theme {
--color-glitch: #2c5463;
--color-glitch-50: #e7f9ff;
--color-glitch-100: #d7ecf5;
--color-glitch-200: #bed9e5;
--color-glitch-300: #9cbdcc;
--color-glitch-400: #7ea5b5;
--color-glitch-500: #608ea0;
--color-glitch-600: #527887;
--color-glitch-700: #41606c;
--color-glitch-800: #2e474f;
--color-glitch-900: #1f3137;
--color-glitch-950: #0f1d22;
}SCSS
$glitch: #2c5463;
$glitch-rgb: 44, 84, 99;
$glitch-light: mix(#fff, $glitch, 20%);
$glitch-dark: mix(#000, $glitch, 20%);
.element {
color: $glitch;
box-shadow: 0 0 0 2px rgba($glitch, 0.35);
}