Benannte Farbe · #75769B
Kimono Violet
Kimono Violet ist #75769B: rgb(117 118 155), hsl(238 16% 53%), oklch(0.579 0.057 283.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Kimono Violet color name →
#75769B
oklch(0.579 0.057 283.3)
Farbumrechnungen
- HEX
- #75769b
- RGB
- rgb(117 118 155)
- HSL
- hsl(238 16% 53%)
- HWB
- hwb(238 46% 39%)
- OKLCH
- oklch(0.579 0.057 283.3)
- OKLab
- oklab(0.579 0.013 -0.055)
- CIE Lab
- lab(50.61 6 -20.22)
- LCH
- lch(50.61 21.1 286.5)
- CMYK
- cmyk(25% 24% 0% 39%)
Tints · Shades · Tones
Tints
- 8283A5
- 8F90AF
- 9C9DB9
- AAABC3
- B7B8CD
- C5C6D7
- D3D4E1
- E2E2EB
- F0F1F5
Shades
- 656686
- 555672
- 46475E
- 37384B
- 292939
- 1C1C28
- 0F0F18
- 050509
- 010101
Tones
- 767798
- 777896
- 787993
- 797A91
- 7A7B8E
- 7B7C8B
- 7D7D88
- 7E7E86
- 7F7F83
Farbharmonien
Komplementär +180°
- 75769B
Kimono Violet
- 807C54
≈ Autumn Grove
Analog -30° +30°
- 75769B
Kimono Violet
- 627C9B
≈ Indigo Dreams
- 867092
≈ Greyish Purple
Triadisch +120° +240°
- 75769B
Kimono Violet
- 976F5F
≈ Milk Coffee Brown
- 5A8571
≈ Dark Jade
Geteilt komplementär +150° +210°
- 75769B
Kimono Violet
- 8F7554
≈ Earthquake
- 6D825F
≈ Bladerunner
Tetradisch +90° +180° +270°
- 75769B
Kimono Violet
- 996C70
≈ Rose Brocade
- 807C54
≈ Autumn Grove
- 508583
≈ Jericho Jade
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.35:1 · APCA Lc 70
Ag
AAAuf Schwarz
WCAG 4.82:1 · APCA Lc 31
Beste Textfarbe: #000000
WCAG 4.82:1 (AA) · APCA Lc 31
Contrast pairs
Code-Snippets
CSS
:root {
--kimono-violet: #75769b;
--kimono-violet-rgb: 117 118 155;
--kimono-violet-oklch: oklch(0.579 0.057 283.3);
}
.element {
color: var(--kimono-violet);
background-color: hsl(238 16% 53%);
border-color: oklch(0.579 0.057 283.3);
}Tailwind CSS v4
@theme {
--color-kimono-violet: #75769b;
--color-kimono-violet-50: #f3f3ff;
--color-kimono-violet-100: #e5e6fb;
--color-kimono-violet-200: #d1d1ec;
--color-kimono-violet-300: #b4b4d4;
--color-kimono-violet-400: #999bc0;
--color-kimono-violet-500: #8182ab;
--color-kimono-violet-600: #6d6e91;
--color-kimono-violet-700: #575874;
--color-kimono-violet-800: #3f4056;
--color-kimono-violet-900: #2b2c3c;
--color-kimono-violet-950: #191926;
}SCSS
$kimono-violet: #75769b;
$kimono-violet-rgb: 117, 118, 155;
$kimono-violet-light: mix(#fff, $kimono-violet, 20%);
$kimono-violet-dark: mix(#000, $kimono-violet, 20%);
.element {
color: $kimono-violet;
box-shadow: 0 0 0 2px rgba($kimono-violet, 0.35);
}