Benannte Farbe · #1F5DA0
Drakenhof Nightshade
Drakenhof Nightshade ist #1F5DA0: rgb(31 93 160), hsl(211 68% 37%), oklch(0.475 0.125 253.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Drakenhof Nightshade color name →
#1F5DA0
oklch(0.475 0.125 253.5)
Farbumrechnungen
- HEX
- #1f5da0
- RGB
- rgb(31 93 160)
- HSL
- hsl(211 68% 37%)
- HWB
- hwb(211 12% 37%)
- OKLCH
- oklch(0.475 0.125 253.5)
- OKLab
- oklab(0.475 -0.036 -0.12)
- CIE Lab
- lab(38.35 -0.57 -42.72)
- LCH
- lch(38.35 42.72 269.2)
- CMYK
- cmyk(81% 42% 0% 37%)
Tints · Shades · Tones
Tints
- 386DAA
- 4E7DB4
- 648DBE
- 799DC8
- 8FADD1
- A5BDDB
- BBCDE4
- D1DEED
- E8EEF6
Shades
- 19508B
- 144376
- 0F3761
- 0A2A4E
- 061F3B
- 031429
- 010A19
- 000309
- 000001
Tones
- 2C619D
- 37659B
- 416998
- 4B6D95
- 547092
- 5D748F
- 66778B
- 6F7A88
- 777D84
Farbharmonien
Komplementär +180°
- 1F5DA0
Drakenhof Nightshade
- 7E5200
≈ Intense Brown
Analog -30° +30°
- 1F5DA0
Drakenhof Nightshade
- 006681
≈ Ocean Depths
- 55509F
≈ Blue Ember
Triadisch +120° +240°
- 1F5DA0
Drakenhof Nightshade
- 953847
≈ Boerewors
- 3E6A12
≈ Tatzelwurm Green
Geteilt komplementär +150° +210°
- 1F5DA0
Drakenhof Nightshade
- 933F16
≈ Hot Brown
- 665E00
≈ Brussels Sprout Green
Tetradisch +90° +180° +270°
- 1F5DA0
Drakenhof Nightshade
- 8A3B6E
≈ Midnight Aubergine
- 7E5200
≈ Intense Brown
- 006E4C
≈ Natural Watercourse
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.70:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.13:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.70:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--drakenhof-nightshade: #1f5da0;
--drakenhof-nightshade-rgb: 31 93 160;
--drakenhof-nightshade-oklch: oklch(0.475 0.125 253.5);
}
.element {
color: var(--drakenhof-nightshade);
background-color: hsl(211 68% 37%);
border-color: oklch(0.475 0.125 253.5);
}Tailwind CSS v4
@theme {
--color-drakenhof-nightshade: #1f5da0;
--color-drakenhof-nightshade-50: #def8ff;
--color-drakenhof-nightshade-100: #cdebff;
--color-drakenhof-nightshade-200: #b1d7ff;
--color-drakenhof-nightshade-300: #8cbaf7;
--color-drakenhof-nightshade-400: #67a2e6;
--color-drakenhof-nightshade-500: #4488d6;
--color-drakenhof-nightshade-600: #3b73b5;
--color-drakenhof-nightshade-700: #2f5c91;
--color-drakenhof-nightshade-800: #1e446c;
--color-drakenhof-nightshade-900: #132f4c;
--color-drakenhof-nightshade-950: #051b32;
}SCSS
$drakenhof-nightshade: #1f5da0;
$drakenhof-nightshade-rgb: 31, 93, 160;
$drakenhof-nightshade-light: mix(#fff, $drakenhof-nightshade, 20%);
$drakenhof-nightshade-dark: mix(#000, $drakenhof-nightshade, 20%);
.element {
color: $drakenhof-nightshade;
box-shadow: 0 0 0 2px rgba($drakenhof-nightshade, 0.35);
}