Colore con nome · #4C567A
Deep Indigo
Deep Indigo è #4C567A: rgb(76 86 122), hsl(227 23% 39%), oklch(0.46 0.06 271.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Deep Indigo color name →
#4C567A
oklch(0.46 0.06 271.9)
Conversioni di colore
- HEX
- #4c567a
- RGB
- rgb(76 86 122)
- HSL
- hsl(227 23% 39%)
- HWB
- hwb(227 30% 52%)
- OKLCH
- oklch(0.46 0.06 271.9)
- OKLab
- oklab(0.46 0.002 -0.06)
- CIE Lab
- lab(36.85 3.27 -21.92)
- LCH
- lch(36.85 22.17 278.5)
- CMYK
- cmyk(38% 30% 0% 52%)
Tinte · Ombre · Toni
Tinte
- 5C6687
- 6D7594
- 7D86A1
- 8F96AE
- A1A7BB
- B3B8C9
- C5C9D6
- D8DBE4
- ECEDF1
Ombre
- 414A69
- 363E59
- 2C3249
- 22273A
- 181C2B
- 0F121D
- 060810
- 020205
- 000001
Toni
- 515A7B
- 565E7C
- 5B637C
- 60677D
- 656B7E
- 6B6F7E
- 70737F
- 75787F
- 7B7C80
Armonie di colore
Complementare +180°
- 4C567A
Deep Indigo
- 64572F
≈ Uguisu Brown
Analogo -30° +30°
- 4C567A
Deep Indigo
- 385C77
≈ China Pattern
- 5E5074
≈ Benikakehana Purple
Triadico +120° +240°
- 4C567A
Deep Indigo
- 764B43
≈ Minotaur Red
- 3E6247
≈ Windy Pine
Complementare divisa +150° +210°
- 4C567A
Deep Indigo
- 705034
≈ Coffee
- 525D37
≈ Shallot Leaf
Tetradico +90° +180° +270°
- 4C567A
Deep Indigo
- 744A55
≈ Plum Wine
- 64572F
≈ Uguisu Brown
- 2C635A
≈ Alliance
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.19:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.91:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.19:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--deep-indigo: #4c567a;
--deep-indigo-rgb: 76 86 122;
--deep-indigo-oklch: oklch(0.46 0.06 271.9);
}
.element {
color: var(--deep-indigo);
background-color: hsl(227 23% 39%);
border-color: oklch(0.46 0.06 271.9);
}Tailwind CSS v4
@theme {
--color-deep-indigo: #4c567a;
--color-deep-indigo-50: #eff4ff;
--color-deep-indigo-100: #e1e7fd;
--color-deep-indigo-200: #ccd3ef;
--color-deep-indigo-300: #adb6d7;
--color-deep-indigo-400: #929dc3;
--color-deep-indigo-500: #7884af;
--color-deep-indigo-600: #667094;
--color-deep-indigo-700: #515976;
--color-deep-indigo-800: #3a4258;
--color-deep-indigo-900: #282d3d;
--color-deep-indigo-950: #161a27;
}SCSS
$deep-indigo: #4c567a;
$deep-indigo-rgb: 76, 86, 122;
$deep-indigo-light: mix(#fff, $deep-indigo, 20%);
$deep-indigo-dark: mix(#000, $deep-indigo, 20%);
.element {
color: $deep-indigo;
box-shadow: 0 0 0 2px rgba($deep-indigo, 0.35);
}