Nächste benannte Farbe · #646371
#646371
Nächste benannte Farbe: Venus Mist
#646371 (rgb(100 99 113), hsl(244 7% 42%), oklch(0.506 0.022 288.9)) liegt am nächsten an der benannten Farbe Venus Mist. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#646371
oklch(0.506 0.022 288.9)
Farbumrechnungen
- HEX
- #646371
- RGB
- rgb(100 99 113)
- HSL
- hsl(244 7% 42%)
- HWB
- hwb(244 39% 56%)
- OKLCH
- oklch(0.506 0.022 288.9)
- OKLab
- oklab(0.506 0.007 -0.021)
- CIE Lab
- lab(42.43 2.7 -7.78)
- LCH
- lch(42.43 8.23 289.1)
- CMYK
- cmyk(12% 12% 0% 56%)
Tints · Shades · Tones
Tints
- 72717E
- 81808C
- 908F99
- 9F9EA7
- AEAEB6
- BEBEC4
- CECED2
- DEDEE1
- EEEEF0
Shades
- 565561
- 484752
- 3B3A43
- 2E2E35
- 222127
- 16161A
- 0B0B0E
- 030304
- 000001
Tones
- 676673
- 696974
- 6C6C76
- 6F6E77
- 727179
- 75747A
- 77777C
- 7A7A7D
- 7D7D7F
Farbharmonien
Komplementär +180°
- 646371
Venus Mist
- 666658
≈ Dusty Olive
Analog -30° +30°
- 646371
Venus Mist
- 5D6572
≈ British Shorthair
- 6A616D
≈ Forge
Triadisch +120° +240°
- 646371
Venus Mist
- 70615A
≈ Fozzie Bear
- 596963
≈ Dark Forest
Geteilt komplementär +150° +210°
- 646371
Venus Mist
- 6C6457
≈ Ploughed Earth
- 5F685C
≈ Deep Bottlebrush
Tetradisch +90° +180° +270°
- 646371
Venus Mist
- 716060
≈ Plum Crush
- 666658
≈ Dusty Olive
- 576969
≈ Wing Man
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.89:1 · APCA Lc 79
Ag
FailAuf Schwarz
WCAG 3.56:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 5.89:1 (AA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--venus-mist: #646371;
--venus-mist-rgb: 100 99 113;
--venus-mist-oklch: oklch(0.506 0.022 288.9);
}
.element {
color: var(--venus-mist);
background-color: hsl(244 7% 42%);
border-color: oklch(0.506 0.022 288.9);
}Tailwind CSS v4
@theme {
--color-venus-mist: #646371;
--color-venus-mist-50: #f5f4fb;
--color-venus-mist-100: #e8e7ef;
--color-venus-mist-200: #d4d3dd;
--color-venus-mist-300: #b7b6c2;
--color-venus-mist-400: #9e9dab;
--color-venus-mist-500: #858494;
--color-venus-mist-600: #71707d;
--color-venus-mist-700: #5a5964;
--color-venus-mist-800: #42414a;
--color-venus-mist-900: #2d2d33;
--color-venus-mist-950: #1a1a1f;
}SCSS
$venus-mist: #646371;
$venus-mist-rgb: 100, 99, 113;
$venus-mist-light: mix(#fff, $venus-mist, 20%);
$venus-mist-dark: mix(#000, $venus-mist, 20%);
.element {
color: $venus-mist;
box-shadow: 0 0 0 2px rgba($venus-mist, 0.35);
}