Cor nomeada mais próxima · #713259
#713259
Cor nomeada mais próxima: Passionate Plum
#713259 (rgb(113 50 89), hsl(323 39% 32%), oklch(0.416 0.102 344.4)) é mais próxima da cor nomeada Passionate Plum. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#713259
oklch(0.416 0.102 344.4)
Conversões de cor
- HEX
- #713259
- RGB
- rgb(113 50 89)
- HSL
- hsl(323 39% 32%)
- HWB
- hwb(323 20% 56%)
- OKLCH
- oklch(0.416 0.102 344.4)
- OKLab
- oklab(0.416 0.098 -0.027)
- CIE Lab
- lab(30.8 32.08 -9.93)
- LCH
- lch(30.8 33.58 342.8)
- CMYK
- cmyk(0% 56% 21% 56%)
Tons claros · Sombras · Tons
Tons claros
- 804568
- 8E5978
- 9C6C88
- AB8098
- B995A8
- C7A9B9
- D5BECA
- E3D3DC
- F1E9ED
Sombras
- 612A4C
- 522240
- 431B34
- 351428
- 270D1D
- 1A0713
- 0E0309
- 040103
- 010000
Tons
- 733A5D
- 764261
- 784A65
- 795269
- 7B5A6C
- 7C6270
- 7E6974
- 7F7178
- 7F787C
Harmonias de cor
Complementar +180°
- 713259
Passionate Plum
- 005A3F
≈ Billiard Table
Análoga -30° +30°
- 713259
Passionate Plum
- 603972
≈ Heartless
- 79303A
≈ Mesa Ridge
Tríade +120° +240°
- 713259
Passionate Plum
- 544E00
≈ Scorzonera Brown
- 00546B
≈ Blue Palisade
Complementar dividida +150° +210°
- 713259
Passionate Plum
- 335717
≈ Navy Green
- 005857
≈ Deep Sea Green
Tétrade +90° +180° +270°
- 713259
Passionate Plum
- 684300
≈ Violin Brown
- 005A3F
≈ Billiard Table
- 1F4D82
≈ Night Mode
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 9.11:1 · APCA Lc 91
Ag
FailSobre preto
WCAG 2.30:1 · APCA Lc 12
Melhor cor de texto: #FFFFFF
WCAG 9.11:1 (AAA) · APCA Lc 91
Contrast pairs
Trechos de código
CSS
:root {
--passionate-plum: #713259;
--passionate-plum-rgb: 113 50 89;
--passionate-plum-oklch: oklch(0.416 0.102 344.4);
}
.element {
color: var(--passionate-plum);
background-color: hsl(323 39% 32%);
border-color: oklch(0.416 0.102 344.4);
}Tailwind CSS v4
@theme {
--color-passionate-plum: #713259;
--color-passionate-plum-50: #ffeafb;
--color-passionate-plum-100: #ffdbef;
--color-passionate-plum-200: #f6c3dd;
--color-passionate-plum-300: #dfa3c2;
--color-passionate-plum-400: #ca86ad;
--color-passionate-plum-500: #b56996;
--color-passionate-plum-600: #99597f;
--color-passionate-plum-700: #7b4766;
--color-passionate-plum-800: #5a334c;
--color-passionate-plum-900: #3f2335;
--color-passionate-plum-950: #281220;
}SCSS
$passionate-plum: #713259;
$passionate-plum-rgb: 113, 50, 89;
$passionate-plum-light: mix(#fff, $passionate-plum, 20%);
$passionate-plum-dark: mix(#000, $passionate-plum, 20%);
.element {
color: $passionate-plum;
box-shadow: 0 0 0 2px rgba($passionate-plum, 0.35);
}