Benannte Farbe · #426267
Wanderlust
Wanderlust ist #426267: rgb(66 98 103), hsl(188 22% 33%), oklch(0.473 0.038 208.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Wanderlust color name →
#426267
oklch(0.473 0.038 208.2)
Farbumrechnungen
- HEX
- #426267
- RGB
- rgb(66 98 103)
- HSL
- hsl(188 22% 33%)
- HWB
- hwb(188 26% 60%)
- OKLCH
- oklch(0.473 0.038 208.2)
- OKLab
- oklab(0.473 -0.034 -0.018)
- CIE Lab
- lab(39.23 -11.06 -6.79)
- LCH
- lch(39.23 12.98 211.5)
- CMYK
- cmyk(36% 5% 0% 60%)
Tints · Shades · Tones
Tints
- 547175
- 657F83
- 788E92
- 8A9EA1
- 9DADB0
- B0BDBF
- C3CDCF
- D7DEDF
- EBEEEF
Shades
- 385459
- 2F474B
- 253A3D
- 1C2D30
- 142123
- 0B1617
- 050B0C
- 010304
- 000000
Tones
- 486569
- 4F686C
- 556B6E
- 5B6E71
- 617173
- 687476
- 6E7778
- 747A7B
- 7A7D7D
Farbharmonien
Komplementär +180°
- 426267
Wanderlust
- 705450
≈ Painted Leather
Analog -30° +30°
- 426267
Wanderlust
- 44635C
≈ Pine Haven
- 485F6F
≈ Ragtime Blues
Triadisch +120° +240°
- 426267
Wanderlust
- 685467
≈ Vintner
- 655B43
≈ Cold Pressed
Geteilt komplementär +150° +210°
- 426267
Wanderlust
- 6E535B
≈ Mocha Brown
- 6C5747
≈ Cacao
Tetradisch +90° +180° +270°
- 426267
Wanderlust
- 5E576F
≈ Orchid Grey
- 705450
≈ Painted Leather
- 595F47
≈ Delicious
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.61:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.17:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.61:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--wanderlust: #426267;
--wanderlust-rgb: 66 98 103;
--wanderlust-oklch: oklch(0.473 0.038 208.2);
}
.element {
color: var(--wanderlust);
background-color: hsl(188 22% 33%);
border-color: oklch(0.473 0.038 208.2);
}Tailwind CSS v4
@theme {
--color-wanderlust: #426267;
--color-wanderlust-50: #e9f8fb;
--color-wanderlust-100: #daecef;
--color-wanderlust-200: #c3d9dd;
--color-wanderlust-300: #a2bdc2;
--color-wanderlust-400: #85a5aa;
--color-wanderlust-500: #698e93;
--color-wanderlust-600: #59787d;
--color-wanderlust-700: #476064;
--color-wanderlust-800: #334649;
--color-wanderlust-900: #233133;
--color-wanderlust-950: #121d1e;
}SCSS
$wanderlust: #426267;
$wanderlust-rgb: 66, 98, 103;
$wanderlust-light: mix(#fff, $wanderlust, 20%);
$wanderlust-dark: mix(#000, $wanderlust, 20%);
.element {
color: $wanderlust;
box-shadow: 0 0 0 2px rgba($wanderlust, 0.35);
}