Nazwany kolor · #393F4C
Indigo Iron
Indigo Iron to #393F4C: rgb(57 63 76), hsl(221 14% 26%), oklch(0.367 0.024 265.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Indigo Iron color name →
#393F4C
oklch(0.367 0.024 265.7)
Konwersje koloru
- HEX
- #393f4c
- RGB
- rgb(57 63 76)
- HSL
- hsl(221 14% 26%)
- HWB
- hwb(221 22% 70%)
- OKLCH
- oklch(0.367 0.024 265.7)
- OKLab
- oklab(0.367 -0.002 -0.024)
- CIE Lab
- lab(26.48 -0.05 -8.82)
- LCH
- lch(26.48 8.82 269.7)
- CMYK
- cmyk(25% 17% 0% 70%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4A505C
- 5C626D
- 6F747E
- 82868F
- 9699A1
- AAADB3
- BFC1C6
- D4D5D8
- E9EAEC
Odcienie ciemniejsze
- 303541
- 282C36
- 1F232C
- 171B22
- 101218
- 090A0F
- 040406
- 010102
- 000000
Tony
- 404551
- 464B56
- 4D525B
- 545860
- 5B5F66
- 62656B
- 6A6C70
- 717275
- 78797B
Harmonie kolorów
Komplementarna +180°
- 393F4C
Indigo Iron
- 453E31
≈ Bold Eagle
Analogowa -30° +30°
- 393F4C
Indigo Iron
- 33414A
≈ Big Stone
- 403D4B
≈ Italian Grape
Triada +120° +240°
- 393F4C
Indigo Iron
- 4B3A39
≈ Blackberry Burgundy
- 374338
≈ Timber Green
Komplementarna rozszczepiona +150° +210°
- 393F4C
Indigo Iron
- 493C33
≈ Ancient Lavastone
- 3E4132
≈ Scrub
Tetrada +90° +180° +270°
- 393F4C
Indigo Iron
- 4A3A3F
≈ Pitch Black
- 453E31
≈ Bold Eagle
- 32433E
≈ Bracken Fern
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.55:1 · APCA Lc 95
Ag
FailNa czerni
WCAG 1.98:1 · APCA Lc 8
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.55:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
CSS
:root {
--indigo-iron: #393f4c;
--indigo-iron-rgb: 57 63 76;
--indigo-iron-oklch: oklch(0.367 0.024 265.7);
}
.element {
color: var(--indigo-iron);
background-color: hsl(221 14% 26%);
border-color: oklch(0.367 0.024 265.7);
}Tailwind CSS v4
@theme {
--color-indigo-iron: #393f4c;
--color-indigo-iron-50: #f2f5fc;
--color-indigo-iron-100: #e4e8f0;
--color-indigo-iron-200: #d0d4df;
--color-indigo-iron-300: #b2b7c4;
--color-indigo-iron-400: #989ead;
--color-indigo-iron-500: #7f8697;
--color-indigo-iron-600: #6b727f;
--color-indigo-iron-700: #565b66;
--color-indigo-iron-800: #3e424b;
--color-indigo-iron-900: #2b2e34;
--color-indigo-iron-950: #181b1f;
}SCSS
$indigo-iron: #393f4c;
$indigo-iron-rgb: 57, 63, 76;
$indigo-iron-light: mix(#fff, $indigo-iron, 20%);
$indigo-iron-dark: mix(#000, $indigo-iron, 20%);
.element {
color: $indigo-iron;
box-shadow: 0 0 0 2px rgba($indigo-iron, 0.35);
}