Color con nombre más cercano · #C6899F
#C6899F
Color con nombre más cercano: Pinch Me
#C6899F (rgb(198 137 159), hsl(338 35% 66%), oklch(0.697 0.08 356)) se parece más al color con nombre Pinch Me. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#C6899F
oklch(0.697 0.08 356)
Conversiones de color
- HEX
- #c6899f
- RGB
- rgb(198 137 159)
- HSL
- hsl(338 35% 66%)
- HWB
- hwb(338 54% 22%)
- OKLCH
- oklch(0.697 0.08 356)
- OKLab
- oklab(0.697 0.079 -0.006)
- CIE Lab
- lab(63.84 26.34 -1.81)
- LCH
- lch(63.84 26.4 356.1)
- CMYK
- cmyk(0% 31% 20% 22%)
Tintes · Sombras · Tonos
Tintes
- CC94A8
- D2A0B2
- D8ACBB
- DEB7C4
- E4C3CE
- EACFD8
- EFDBE1
- F4E7EB
- FAF3F5
Sombras
- AC768A
- 926475
- 7A5361
- 62424D
- 4B313B
- 352229
- 211418
- 0E0709
- 020101
Tonos
- BF889C
- B88899
- B18796
- AA8692
- A4858F
- 9D848C
- 968389
- 8E8286
- 878183
Armonías de color
Complementario +180°
- C6899F
Pinch Me
- 64AE9C
≈ Green Crush
Análogo -30° +30°
- C6899F
Pinch Me
- B88CB8
≈ Violet Whimsy
- CA8A84
≈ Sunstone
Triádico +120° +240°
- C6899F
Pinch Me
- 9BA46A
≈ Cocktail Olive
- 6CA6C9
≈ Wandering River
Complementario dividido +150° +210°
- C6899F
Pinch Me
- 7DAB80
≈ Summer Garden
- 5CACB6
≈ Experience
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.48:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--pinch-me: #c6899f;
--pinch-me-rgb: 198 137 159;
--pinch-me-oklch: oklch(0.697 0.08 356);
}
.element {
color: var(--pinch-me);
background-color: hsl(338 35% 66%);
border-color: oklch(0.697 0.08 356);
}Tailwind CSS v4
@theme {
--color-pinch-me: #c6899f;
--color-pinch-me-50: #ffecf5;
--color-pinch-me-100: #ffdde8;
--color-pinch-me-200: #f2c7d4;
--color-pinch-me-300: #daa7b7;
--color-pinch-me-400: #c58ba0;
--color-pinch-me-500: #b07088;
--color-pinch-me-600: #955f73;
--color-pinch-me-700: #784c5c;
--color-pinch-me-800: #583744;
--color-pinch-me-900: #3e252f;
--color-pinch-me-950: #27141c;
}SCSS
$pinch-me: #c6899f;
$pinch-me-rgb: 198, 137, 159;
$pinch-me-light: mix(#fff, $pinch-me, 20%);
$pinch-me-dark: mix(#000, $pinch-me, 20%);
.element {
color: $pinch-me;
box-shadow: 0 0 0 2px rgba($pinch-me, 0.35);
}