Color con nombre más cercano · #F797B5
#F797B5
Color con nombre más cercano: Rock’n’Rose
#F797B5 (rgb(247 151 181), hsl(341 86% 78%), oklch(0.783 0.12 0.1)) se parece más al color con nombre Rock’n’Rose. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#F797B5
oklch(0.783 0.12 0.1)
Conversiones de color
- HEX
- #f797b5
- RGB
- rgb(247 151 181)
- HSL
- hsl(341 86% 78%)
- HWB
- hwb(341 59% 3%)
- OKLCH
- oklch(0.783 0.12 0.1)
- OKLab
- oklab(0.783 0.12 0)
- CIE Lab
- lab(73.34 39.61 0.54)
- LCH
- lch(73.34 39.61 0.8)
- CMYK
- cmyk(0% 39% 27% 3%)
Tintes · Sombras · Tonos
Tintes
- F9A2BC
- FBACC3
- FCB7CB
- FDC1D2
- FECBD9
- FFD6E1
- FFE0E8
- FFEAF0
- FFF5F7
Sombras
- D7839D
- B76F86
- 995C6F
- 7C4959
- 603744
- 452630
- 2C171D
- 15080C
- 030102
Tonos
- EB95B0
- DF93AA
- D491A5
- C88F9F
- BC8D9A
- B08A95
- A48890
- 98858A
- 8C8385
Armonías de color
Complementario +180°
- F797B5
Rock’n’Rose
- 4CD1BB
≈ Sweet Garden
Análogo -30° +30°
- F797B5
Rock’n’Rose
- E49CDD
≈ Herb Robert
- FC9A8A
≈ Chilly Spice
Triádico +120° +240°
- F797B5
Rock’n’Rose
- AEC468
≈ Old Lime
- 6AC2FD
≈ Maya Blue
Complementario dividido +150° +210°
- F797B5
Rock’n’Rose
- 7DCE8F
≈ Serengeti Green
- 40CDE3
≈ Watercourse
Tetrádico +90° +180° +270°
- F797B5
Rock’n’Rose
- D6B556
≈ Luxurious
- 4CD1BB
≈ Sweet Garden
- 9DB5FF
≈ Truesky Gloxym
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.08:1 · APCA Lc 41
Ag
AAASobre negro
WCAG 10.04:1 · APCA Lc 62
Mejor color de texto: #000000
WCAG 10.04:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmentos de código
CSS
:root {
--rock-n-rose: #f797b5;
--rock-n-rose-rgb: 247 151 181;
--rock-n-rose-oklch: oklch(0.783 0.12 0.1);
}
.element {
color: var(--rock-n-rose);
background-color: hsl(341 86% 78%);
border-color: oklch(0.783 0.12 0.1);
}Tailwind CSS v4
@theme {
--color-rock-n-rose: #f797b5;
--color-rock-n-rose-50: #ffe8f2;
--color-rock-n-rose-100: #ffd8e5;
--color-rock-n-rose-200: #ffbfd0;
--color-rock-n-rose-300: #eb9eb2;
--color-rock-n-rose-400: #d87f9b;
--color-rock-n-rose-500: #c46183;
--color-rock-n-rose-600: #a6526f;
--color-rock-n-rose-700: #854258;
--color-rock-n-rose-800: #632f42;
--color-rock-n-rose-900: #45202e;
--color-rock-n-rose-950: #2d0f1a;
}SCSS
$rock-n-rose: #f797b5;
$rock-n-rose-rgb: 247, 151, 181;
$rock-n-rose-light: mix(#fff, $rock-n-rose, 20%);
$rock-n-rose-dark: mix(#000, $rock-n-rose, 20%);
.element {
color: $rock-n-rose;
box-shadow: 0 0 0 2px rgba($rock-n-rose, 0.35);
}