Nächste benannte Farbe · #190003
#190003
Nächste benannte Farbe: Dwarf Fortress
#190003 (rgb(25 0 3), hsl(353 100% 5%), oklch(0.136 0.054 15.1)) liegt am nächsten an der benannten Farbe Dwarf Fortress. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#190003
oklch(0.136 0.054 15.1)
Farbumrechnungen
- HEX
- #190003
- RGB
- rgb(25 0 3)
- HSL
- hsl(353 100% 5%)
- HWB
- hwb(353 0% 90%)
- OKLCH
- oklch(0.136 0.054 15.1)
- OKLab
- oklab(0.136 0.052 0.014)
- CIE Lab
- lab(2 9.01 1.97)
- LCH
- lch(2 9.22 12.3)
- CMYK
- cmyk(0% 100% 88% 90%)
Tints · Shades · Tones
Tints
- 2E1014
- 432729
- 593E40
- 6F5758
- 867171
- 9D8B8C
- B5A7A8
- CDC4C4
- E6E1E1
Shades
- 140002
- 100002
- 0B0001
- 070001
- 040000
- 020000
- 010000
- 000000
- 000000
Tones
- 23070B
- 2E1316
- 382022
- 422C2E
- 4D393A
- 574748
- 615555
- 6B6363
- 767171
Farbharmonien
Komplementär +180°
- 190003
Dwarf Fortress
- 000B0B
≈ Black Knight
Analog -30° +30°
- 190003
Dwarf Fortress
- 16010D
≈ Glossy Black
- 140300
≈ Dark Matter
Triadisch +120° +240°
- 190003
Dwarf Fortress
- 030B00
≈ Melanous
- 00081A
≈ Melanophobia
Geteilt komplementär +150° +210°
- 190003
Dwarf Fortress
- 000C06
≈ Whiten’t
- 000A10
≈ Black Knight
Tetradisch +90° +180° +270°
- 190003
Dwarf Fortress
- 0A0900
≈ Whiten’t
- 000B0B
≈ Black Knight
- 07041D
≈ Midnight Jam
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 20.14:1 · APCA Lc 106
Ag
FailAuf Schwarz
WCAG 1.04:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 20.14:1 (AAA) · APCA Lc 106
Contrast pairs
Code-Snippets
CSS
:root {
--dwarf-fortress: #190003;
--dwarf-fortress-rgb: 25 0 3;
--dwarf-fortress-oklch: oklch(0.136 0.054 15.1);
}
.element {
color: var(--dwarf-fortress);
background-color: hsl(353 100% 5%);
border-color: oklch(0.136 0.054 15.1);
}Tailwind CSS v4
@theme {
--color-dwarf-fortress: #190003;
--color-dwarf-fortress-50: #ffefef;
--color-dwarf-fortress-100: #fae1e1;
--color-dwarf-fortress-200: #ebcbcc;
--color-dwarf-fortress-300: #d2adad;
--color-dwarf-fortress-400: #bc9294;
--color-dwarf-fortress-500: #a7787a;
--color-dwarf-fortress-600: #8d6568;
--color-dwarf-fortress-700: #715153;
--color-dwarf-fortress-800: #543b3d;
--color-dwarf-fortress-900: #3a282a;
--color-dwarf-fortress-950: #241617;
}SCSS
$dwarf-fortress: #190003;
$dwarf-fortress-rgb: 25, 0, 3;
$dwarf-fortress-light: mix(#fff, $dwarf-fortress, 20%);
$dwarf-fortress-dark: mix(#000, $dwarf-fortress, 20%);
.element {
color: $dwarf-fortress;
box-shadow: 0 0 0 2px rgba($dwarf-fortress, 0.35);
}