Benannte Farbe · #606079
Twilight Dusk
Twilight Dusk ist #606079: rgb(96 96 121), hsl(240 12% 43%), oklch(0.499 0.04 284.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Twilight Dusk color name →
#606079
oklch(0.499 0.04 284.9)
Farbumrechnungen
- HEX
- #606079
- RGB
- rgb(96 96 121)
- HSL
- hsl(240 12% 43%)
- HWB
- hwb(240 38% 53%)
- OKLCH
- oklch(0.499 0.04 284.9)
- OKLab
- oklab(0.499 0.01 -0.038)
- CIE Lab
- lab(41.45 4.35 -14.13)
- LCH
- lch(41.45 14.78 287.1)
- CMYK
- cmyk(21% 21% 0% 53%)
Tints · Shades · Tones
Tints
- 6E6F86
- 7D7E93
- 8D8DA0
- 9C9CAD
- ACACBA
- BCBCC8
- CCCDD5
- DDDDE3
- EEEEF1
Shades
- 525268
- 454558
- 383848
- 2C2C39
- 20202B
- 15151D
- 0A0A10
- 030305
- 000001
Tones
- 63637A
- 66667B
- 696A7B
- 6D6D7C
- 70707D
- 73737D
- 76767E
- 797A7F
- 7D7D7F
Farbharmonien
Komplementär +180°
- 606079
Twilight Dusk
- 66644A
≈ Incense Cedar
Analog -30° +30°
- 606079
Twilight Dusk
- 546479
≈ Evening Symphony
- 6B5C73
≈ Violet Haze
Triadisch +120° +240°
- 606079
Twilight Dusk
- 775C50
≈ Picador
- 4E6A5D
≈ Green Beret
Geteilt komplementär +150° +210°
- 606079
Twilight Dusk
- 70604A
≈ Midnight Brown
- 596851
≈ Picholine
Tetradisch +90° +180° +270°
- 606079
Twilight Dusk
- 785A5C
≈ Falcon Wing
- 66644A
≈ Incense Cedar
- 486A6A
≈ Sea Pine
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.09:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.44:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.09:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--twilight-dusk: #606079;
--twilight-dusk-rgb: 96 96 121;
--twilight-dusk-oklch: oklch(0.499 0.04 284.9);
}
.element {
color: var(--twilight-dusk);
background-color: hsl(240 12% 43%);
border-color: oklch(0.499 0.04 284.9);
}Tailwind CSS v4
@theme {
--color-twilight-dusk: #606079;
--color-twilight-dusk-50: #f4f4ff;
--color-twilight-dusk-100: #e6e6f5;
--color-twilight-dusk-200: #d2d2e5;
--color-twilight-dusk-300: #b5b5cb;
--color-twilight-dusk-400: #9b9cb6;
--color-twilight-dusk-500: #8383a0;
--color-twilight-dusk-600: #6f6f87;
--color-twilight-dusk-700: #59596c;
--color-twilight-dusk-800: #404150;
--color-twilight-dusk-900: #2c2d38;
--color-twilight-dusk-950: #191a22;
}SCSS
$twilight-dusk: #606079;
$twilight-dusk-rgb: 96, 96, 121;
$twilight-dusk-light: mix(#fff, $twilight-dusk, 20%);
$twilight-dusk-dark: mix(#000, $twilight-dusk, 20%);
.element {
color: $twilight-dusk;
box-shadow: 0 0 0 2px rgba($twilight-dusk, 0.35);
}