Cor nomeada mais próxima · #595292
#595292
Cor nomeada mais próxima: Twilight
#595292 (rgb(89 82 146), hsl(247 28% 45%), oklch(0.475 0.101 286.9)) é mais próxima da cor nomeada Twilight. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#595292
oklch(0.475 0.101 286.9)
Conversões de cor
- HEX
- #595292
- RGB
- rgb(89 82 146)
- HSL
- hsl(247 28% 45%)
- HWB
- hwb(247 32% 43%)
- OKLCH
- oklch(0.475 0.101 286.9)
- OKLab
- oklab(0.475 0.029 -0.097)
- CIE Lab
- lab(37.87 15.47 -34.84)
- LCH
- lch(37.87 38.12 294)
- CMYK
- cmyk(39% 44% 0% 43%)
Tons claros · Sombras · Tons
Tons claros
- 68629D
- 7773A8
- 8784B3
- 9795BE
- A7A6C9
- B8B7D4
- C9C9DF
- DBDBEA
- EDEDF4
Sombras
- 4C467E
- 403B6B
- 342F58
- 282546
- 1D1A35
- 131125
- 090816
- 030208
- 000001
Tons
- 5C5791
- 605C8F
- 64618E
- 68658C
- 6B6A8A
- 6F6E89
- 737387
- 787785
- 7C7C82
Harmonias de cor
Complementar +180°
- 595292
Twilight
- 635F01
≈ Brussels Sprout Green
Análoga -30° +30°
- 595292
Twilight
- 355D94
≈ Lambent Lagoon
- 734982
≈ Lilac Violet
Tríade +120° +240°
- 595292
Twilight
- 894825
≈ Honey Garlic Beef
- 006D50
≈ Starboard
Complementar dividida +150° +210°
- 595292
Twilight
- 7B5300
≈ Intense Brown
- 3F692C
≈ Tree Shade
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.89:1 · APCA Lc 84
Ag
FailSobre preto
WCAG 3.04:1 · APCA Lc 18
Melhor cor de texto: #FFFFFF
WCAG 6.89:1 (AA) · APCA Lc 84
Contrast pairs
Trechos de código
CSS
:root {
--twilight: #595292;
--twilight-rgb: 89 82 146;
--twilight-oklch: oklch(0.475 0.101 286.9);
}
.element {
color: var(--twilight);
background-color: hsl(247 28% 45%);
border-color: oklch(0.475 0.101 286.9);
}Tailwind CSS v4
@theme {
--color-twilight: #595292;
--color-twilight-50: #f3f1ff;
--color-twilight-100: #e6e3ff;
--color-twilight-200: #d2cefe;
--color-twilight-300: #b5afe9;
--color-twilight-400: #9a95d8;
--color-twilight-500: #827bc6;
--color-twilight-600: #6e68a7;
--color-twilight-700: #585386;
--color-twilight-800: #3f3d64;
--color-twilight-900: #2b2a46;
--color-twilight-950: #19172e;
}SCSS
$twilight: #595292;
$twilight-rgb: 89, 82, 146;
$twilight-light: mix(#fff, $twilight, 20%);
$twilight-dark: mix(#000, $twilight, 20%);
.element {
color: $twilight;
box-shadow: 0 0 0 2px rgba($twilight, 0.35);
}