Cor nomeada · #75769B
Kimono Violet
Kimono Violet é #75769B: rgb(117 118 155), hsl(238 16% 53%), oklch(0.579 0.057 283.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Kimono Violet color name →
#75769B
oklch(0.579 0.057 283.3)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 8283A5
- 8F90AF
- 9C9DB9
- AAABC3
- B7B8CD
- C5C6D7
- D3D4E1
- E2E2EB
- F0F1F5
Sombras
- 656686
- 555672
- 46475E
- 37384B
- 292939
- 1C1C28
- 0F0F18
- 050509
- 010101
Tons
- 767798
- 777896
- 787993
- 797A91
- 7A7B8E
- 7B7C8B
- 7D7D88
- 7E7E86
- 7F7F83
Harmonias de cor
Complementar +180°
- 75769B
Kimono Violet
- 807C54
≈ Autumn Grove
Análoga -30° +30°
- 75769B
Kimono Violet
- 627C9B
≈ Indigo Dreams
- 867092
≈ Greyish Purple
Tríade +120° +240°
- 75769B
Kimono Violet
- 976F5F
≈ Milk Coffee Brown
- 5A8571
≈ Dark Jade
Complementar dividida +150° +210°
- 75769B
Kimono Violet
- 8F7554
≈ Earthquake
- 6D825F
≈ Bladerunner
Tétrade +90° +180° +270°
- 75769B
Kimono Violet
- 996C70
≈ Rose Brocade
- 807C54
≈ Autumn Grove
- 508583
≈ Jericho Jade
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 4.35:1 · APCA Lc 70
Ag
AASobre preto
WCAG 4.82:1 · APCA Lc 31
Melhor cor de texto: #000000
WCAG 4.82:1 (AA) · APCA Lc 31
Contrast pairs
Trechos de código
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);
}