Cor nomeada mais próxima · #762954
#762954
Cor nomeada mais próxima: Flirt
#762954 (rgb(118 41 84), hsl(326 48% 31%), oklch(0.409 0.119 349)) é mais próxima da cor nomeada Flirt. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#762954
oklch(0.409 0.119 349)
Conversões de cor
- HEX
- #762954
- RGB
- rgb(118 41 84)
- HSL
- hsl(326 48% 31%)
- HWB
- hwb(326 16% 54%)
- OKLCH
- oklch(0.409 0.119 349)
- OKLab
- oklab(0.409 0.116 -0.023)
- CIE Lab
- lab(29.81 37.64 -8.05)
- LCH
- lch(29.81 38.49 347.9)
- CMYK
- cmyk(0% 65% 29% 54%)
Tons claros · Sombras · Tons
Tons claros
- 853E64
- 935374
- A16784
- AF7C95
- BD91A6
- CAA6B7
- D8BCC8
- E5D2DA
- F2E8ED
Sombras
- 662248
- 561C3C
- 471531
- 380F26
- 29091B
- 1C0511
- 0F0208
- 050102
- 010000
Tons
- 783358
- 7A3C5D
- 7C4561
- 7D4E65
- 7E576A
- 7F5F6E
- 806773
- 807077
- 80787C
Harmonias de cor
Complementar +180°
- 762954
Flirt
- 005842
≈ Sacramento State Green
Análoga -30° +30°
- 762954
Flirt
- 653172
≈ Purple Magic
- 7E282F
≈ Scarlet Shade
Tríade +120° +240°
Complementar dividida +150° +210°
- 762954
Flirt
- 22580E
≈ Lincoln Green
- 005558
≈ Deep Teal
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 9.47:1 · APCA Lc 91
Ag
FailSobre preto
WCAG 2.21:1 · APCA Lc 11
Melhor cor de texto: #FFFFFF
WCAG 9.47:1 (AAA) · APCA Lc 91
Contrast pairs
Trechos de código
CSS
:root {
--flirt: #762954;
--flirt-rgb: 118 41 84;
--flirt-oklch: oklch(0.409 0.119 349);
}
.element {
color: var(--flirt);
background-color: hsl(326 48% 31%);
border-color: oklch(0.409 0.119 349);
}Tailwind CSS v4
@theme {
--color-flirt: #762954;
--color-flirt-50: #ffe8f9;
--color-flirt-100: #ffd8ed;
--color-flirt-200: #fdc0da;
--color-flirt-300: #e79ebf;
--color-flirt-400: #d280a9;
--color-flirt-500: #bf6292;
--color-flirt-600: #a1547c;
--color-flirt-700: #814363;
--color-flirt-800: #5f304a;
--color-flirt-900: #432133;
--color-flirt-950: #2b101f;
}SCSS
$flirt: #762954;
$flirt-rgb: 118, 41, 84;
$flirt-light: mix(#fff, $flirt, 20%);
$flirt-dark: mix(#000, $flirt, 20%);
.element {
color: $flirt;
box-shadow: 0 0 0 2px rgba($flirt, 0.35);
}