Cor nomeada mais próxima · #6C2448
#6C2448
Cor nomeada mais próxima: Flirt
#6C2448 (rgb(108 36 72), hsl(330 50% 28%), oklch(0.381 0.11 352.6)) é mais próxima da cor nomeada Flirt. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#6C2448
oklch(0.381 0.11 352.6)
Conversões de cor
- HEX
- #6c2448
- RGB
- rgb(108 36 72)
- HSL
- hsl(330 50% 28%)
- HWB
- hwb(330 14% 58%)
- OKLCH
- oklch(0.381 0.11 352.6)
- OKLab
- oklab(0.381 0.109 -0.014)
- CIE Lab
- lab(26.72 35.26 -4.95)
- LCH
- lch(26.72 35.6 352)
- CMYK
- cmyk(0% 67% 33% 58%)
Tons claros · Sombras · Tons
Tons claros
- 7C3A58
- 8B4E69
- 9A637B
- A9788C
- B78E9F
- C6A4B1
- D4BAC4
- E3D1D7
- F1E8EB
Sombras
- 5D1E3D
- 4E1833
- 401229
- 320C1F
- 250716
- 19040D
- 0D0206
- 040002
- 000000
Tons
- 6F2E4D
- 723853
- 754258
- 774B5E
- 795463
- 7B5D69
- 7D656F
- 7E6E74
- 7F777A
Harmonias de cor
Complementar +180°
- 6C2448
Flirt
- 004F3E
≈ Raspberry Leaf Green
Análoga -30° +30°
- 6C2448
Flirt
- 5D2B64
≈ Charisma
- 722426
≈ Spanish Tile
Tríade +120° +240°
Complementar dividida +150° +210°
- 6C2448
Flirt
- 155013
≈ Mysterious Mixture
- 004C52
≈ Dark Teal
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 10.58:1 · APCA Lc 94
Ag
FailSobre preto
WCAG 1.98:1 · APCA Lc 9
Melhor cor de texto: #FFFFFF
WCAG 10.58:1 (AAA) · APCA Lc 94
Contrast pairs
Trechos de código
CSS
:root {
--flirt: #6c2448;
--flirt-rgb: 108 36 72;
--flirt-oklch: oklch(0.381 0.11 352.6);
}
.element {
color: var(--flirt);
background-color: hsl(330 50% 28%);
border-color: oklch(0.381 0.11 352.6);
}Tailwind CSS v4
@theme {
--color-flirt: #6c2448;
--color-flirt-50: #ffe9f7;
--color-flirt-100: #ffd9ea;
--color-flirt-200: #fbc1d7;
--color-flirt-300: #e5a0bb;
--color-flirt-400: #d183a4;
--color-flirt-500: #bd658d;
--color-flirt-600: #9f5677;
--color-flirt-700: #80455f;
--color-flirt-800: #5e3147;
--color-flirt-900: #422231;
--color-flirt-950: #2a111d;
}SCSS
$flirt: #6c2448;
$flirt-rgb: 108, 36, 72;
$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);
}