Benannte Farbe · #665B80
Purple Valley
Purple Valley ist #665B80: rgb(102 91 128), hsl(258 17% 43%), oklch(0.496 0.059 297.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Purple Valley color name →
#665B80
oklch(0.496 0.059 297.8)
Farbumrechnungen
- HEX
- #665b80
- RGB
- rgb(102 91 128)
- HSL
- hsl(258 17% 43%)
- HWB
- hwb(258 36% 50%)
- OKLCH
- oklch(0.496 0.059 297.8)
- OKLab
- oklab(0.496 0.028 -0.053)
- CIE Lab
- lab(40.84 10.8 -19.23)
- LCH
- lch(40.84 22.05 299.3)
- CMYK
- cmyk(20% 29% 0% 50%)
Tints · Shades · Tones
Tints
- 746A8C
- 827A99
- 9189A5
- A099B2
- AFAABE
- BFBACB
- CECBD8
- DEDCE5
- EFEDF2
Shades
- 584E6E
- 4A415D
- 3C354D
- 2F293D
- 231E2E
- 17131F
- 0C0912
- 040306
- 000001
Tones
- 695F80
- 6B6280
- 6E6680
- 706A81
- 736E81
- 757181
- 787580
- 7B7980
- 7D7C80
Farbharmonien
Komplementär +180°
- 665B80
Purple Valley
- 5F673F
≈ Golfer Green
Analog -30° +30°
- 665B80
Purple Valley
- 536185
≈ Karmic Grape
- 755674
≈ Opulent Ostrich
Triadisch +120° +240°
- 665B80
Purple Valley
- 7C5A40
≈ Château Mantle
- 396D62
≈ Statue of Liberty
Geteilt komplementär +150° +210°
- 665B80
Purple Valley
- 706039
≈ Rationality
- 4B6C4F
≈ Sabal Palm
Tetradisch +90° +180° +270°
- 665B80
Purple Valley
- 81554F
≈ Root Beer
- 5F673F
≈ Golfer Green
- 356C74
≈ Aquarium
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.22:1 · APCA Lc 81
Ag
FailAuf Schwarz
WCAG 3.37:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.22:1 (AA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--purple-valley: #665b80;
--purple-valley-rgb: 102 91 128;
--purple-valley-oklch: oklch(0.496 0.059 297.8);
}
.element {
color: var(--purple-valley);
background-color: hsl(258 17% 43%);
border-color: oklch(0.496 0.059 297.8);
}Tailwind CSS v4
@theme {
--color-purple-valley: #665b80;
--color-purple-valley-50: #f7f2ff;
--color-purple-valley-100: #eae4f9;
--color-purple-valley-200: #d8cfeb;
--color-purple-valley-300: #bcb1d2;
--color-purple-valley-400: #a297be;
--color-purple-valley-500: #8b7ea9;
--color-purple-valley-600: #756b8f;
--color-purple-valley-700: #5e5572;
--color-purple-valley-800: #443e55;
--color-purple-valley-900: #2f2b3b;
--color-purple-valley-950: #1b1825;
}SCSS
$purple-valley: #665b80;
$purple-valley-rgb: 102, 91, 128;
$purple-valley-light: mix(#fff, $purple-valley, 20%);
$purple-valley-dark: mix(#000, $purple-valley, 20%);
.element {
color: $purple-valley;
box-shadow: 0 0 0 2px rgba($purple-valley, 0.35);
}