Color con nombre más cercano · #CE7186
#CE7186
Color con nombre más cercano: First Love
#CE7186 (rgb(206 113 134), hsl(346 49% 63%), oklch(0.659 0.119 6.4)) se parece más al color con nombre First Love. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#CE7186
oklch(0.659 0.119 6.4)
Conversiones de color
- HEX
- #ce7186
- RGB
- rgb(206 113 134)
- HSL
- hsl(346 49% 63%)
- HWB
- hwb(346 44% 19%)
- OKLCH
- oklch(0.659 0.119 6.4)
- OKLab
- oklab(0.659 0.118 0.013)
- CIE Lab
- lab(58.99 39.07 5.67)
- LCH
- lch(58.99 39.48 8.3)
- CMYK
- cmyk(0% 45% 35% 19%)
Tintes · Sombras · Tonos
Tintes
- D47F91
- DA8D9D
- E09CA9
- E5AAB5
- EAB8C1
- EFC6CD
- F3D4D9
- F8E2E6
- FBF1F2
Sombras
- B36174
- 985262
- 7F4351
- 663540
- 4E2730
- 381A21
- 230E13
- 0F0406
- 020101
Tonos
- C77385
- BF7585
- B87784
- B17984
- A97A83
- A17C82
- 997D82
- 917E81
- 897F81
Armonías de color
Complementario +180°
- CE7186
First Love
- 00A89D
≈ Tropical Hideaway
Análogo -30° +30°
- CE7186
First Love
- BF74AD
≈ Crocus
- CF765D
≈ Terra Orange
Triádico +120° +240°
- CE7186
First Love
- 7F9F4A
≈ Serene Sage
- 4E98D6
≈ Blue Tourmaline
Complementario dividido +150° +210°
- CE7186
First Love
- 4AA773
≈ Sēn Lín Lǜ Forest
- 00A3C0
≈ Scuba Blue
Tetrádico +90° +180° +270°
- CE7186
First Love
- A7912D
≈ Shimmering Glade
- 00A89D
≈ Tropical Hideaway
- 7F8ADA
≈ Tanzine
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.31:1 · APCA Lc 60
Ag
AASobre negro
WCAG 6.33:1 · APCA Lc 41
Mejor color de texto: #000000
WCAG 6.33:1 (AA) · APCA Lc 41
Contrast pairs
Fragmentos de código
CSS
:root {
--first-love: #ce7186;
--first-love-rgb: 206 113 134;
--first-love-oklch: oklch(0.659 0.119 6.4);
}
.element {
color: var(--first-love);
background-color: hsl(346 49% 63%);
border-color: oklch(0.659 0.119 6.4);
}Tailwind CSS v4
@theme {
--color-first-love: #ce7186;
--color-first-love-50: #ffe8ee;
--color-first-love-100: #ffd8e0;
--color-first-love-200: #ffc0ca;
--color-first-love-300: #ed9eab;
--color-first-love-400: #d98093;
--color-first-love-500: #c66179;
--color-first-love-600: #a75367;
--color-first-love-700: #864252;
--color-first-love-800: #642f3d;
--color-first-love-900: #46202a;
--color-first-love-950: #2d0f18;
}SCSS
$first-love: #ce7186;
$first-love-rgb: 206, 113, 134;
$first-love-light: mix(#fff, $first-love, 20%);
$first-love-dark: mix(#000, $first-love, 20%);
.element {
color: $first-love;
box-shadow: 0 0 0 2px rgba($first-love, 0.35);
}