Nazwany kolor · #4C567A
Deep Indigo
Deep Indigo to #4C567A: rgb(76 86 122), hsl(227 23% 39%), oklch(0.46 0.06 271.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Deep Indigo color name →
#4C567A
oklch(0.46 0.06 271.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5C6687
- 6D7594
- 7D86A1
- 8F96AE
- A1A7BB
- B3B8C9
- C5C9D6
- D8DBE4
- ECEDF1
Odcienie ciemniejsze
- 414A69
- 363E59
- 2C3249
- 22273A
- 181C2B
- 0F121D
- 060810
- 020205
- 000001
Tony
- 515A7B
- 565E7C
- 5B637C
- 60677D
- 656B7E
- 6B6F7E
- 70737F
- 75787F
- 7B7C80
Harmonie kolorów
Komplementarna +180°
- 4C567A
Deep Indigo
- 64572F
≈ Uguisu Brown
Analogowa -30° +30°
- 4C567A
Deep Indigo
- 385C77
≈ China Pattern
- 5E5074
≈ Benikakehana Purple
Triada +120° +240°
- 4C567A
Deep Indigo
- 764B43
≈ Minotaur Red
- 3E6247
≈ Windy Pine
Komplementarna rozszczepiona +150° +210°
- 4C567A
Deep Indigo
- 705034
≈ Coffee
- 525D37
≈ Shallot Leaf
Tetrada +90° +180° +270°
- 4C567A
Deep Indigo
- 744A55
≈ Plum Wine
- 64572F
≈ Uguisu Brown
- 2C635A
≈ Alliance
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.19:1 · APCA Lc 85
Ag
FailNa czerni
WCAG 2.91:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.19:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
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);
}