Warna bernama · #75769B
Kimono Violet
Kimono Violet adalah #75769B: rgb(117 118 155), hsl(238 16% 53%), oklch(0.579 0.057 283.3). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Blue mean? → · Kimono Violet color name →
#75769B
oklch(0.579 0.057 283.3)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- 8283A5
- 8F90AF
- 9C9DB9
- AAABC3
- B7B8CD
- C5C6D7
- D3D4E1
- E2E2EB
- F0F1F5
Shade
- 656686
- 555672
- 46475E
- 37384B
- 292939
- 1C1C28
- 0F0F18
- 050509
- 010101
Tone
- 767798
- 777896
- 787993
- 797A91
- 7A7B8E
- 7B7C8B
- 7D7D88
- 7E7E86
- 7F7F83
Harmoni warna
Komplementer +180°
- 75769B
Kimono Violet
- 807C54
≈ Autumn Grove
Analog -30° +30°
- 75769B
Kimono Violet
- 627C9B
≈ Indigo Dreams
- 867092
≈ Greyish Purple
Triadik +120° +240°
- 75769B
Kimono Violet
- 976F5F
≈ Milk Coffee Brown
- 5A8571
≈ Dark Jade
Split-komplementer +150° +210°
- 75769B
Kimono Violet
- 8F7554
≈ Earthquake
- 6D825F
≈ Bladerunner
Tetradik +90° +180° +270°
- 75769B
Kimono Violet
- 996C70
≈ Rose Brocade
- 807C54
≈ Autumn Grove
- 508583
≈ Jericho Jade
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 4.35:1 · APCA Lc 70
Ag
AADi atas hitam
WCAG 4.82:1 · APCA Lc 31
Warna teks terbaik: #000000
WCAG 4.82:1 (AA) · APCA Lc 31
Contrast pairs
Cuplikan kode
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);
}