Color con nombre más cercano · #FF97B7
#FF97B7
Color con nombre más cercano: Rock’n’Rose
#FF97B7 (rgb(255 151 183), hsl(342 100% 80%), oklch(0.793 0.129 0.7)) 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.
#FF97B7
oklch(0.793 0.129 0.7)
Conversiones de color
- HEX
- #ff97b7
- RGB
- rgb(255 151 183)
- HSL
- hsl(342 100% 80%)
- HWB
- hwb(342 59% 0%)
- OKLCH
- oklch(0.793 0.129 0.7)
- OKLab
- oklab(0.793 0.129 0.002)
- CIE Lab
- lab(74.38 42.66 1.1)
- LCH
- lch(74.38 42.67 1.5)
- CMYK
- cmyk(0% 41% 28% 0%)
Tintes · Sombras · Tonos
Tintes
- FFA2BE
- FFACC5
- FFB7CC
- FFC1D3
- FFCCDA
- FFD6E2
- FFE0E9
- FFEBF0
- FFF5F8
Sombras
- DE839F
- BE6F87
- 9E5C70
- 80495A
- 633745
- 482631
- 2E171E
- 16080C
- 030102
Tonos
- F295B1
- E693AC
- D991A6
- CD8FA1
- C08D9B
- B38B96
- A78890
- 9A868B
- 8D8385
Armonías de color
Complementario +180°
- FF97B7
Rock’n’Rose
- 3DD6C0
≈ Turquoise Panic
Análogo -30° +30°
- FF97B7
Rock’n’Rose
- EB9CE2
≈ Love Dust
- FF9E8C
≈ Tangerine Cream
Triádico +120° +240°
- FF97B7
Rock’n’Rose
- B0C864
≈ Green Glow
- 72C5FF
≈ Maya Blue
Complementario dividido +150° +210°
- FF97B7
Rock’n’Rose
- 79D390
≈ Jube Green
- 2FD1EA
≈ Picnic Day Sky
Tetrádico +90° +180° +270°
- FF97B7
Rock’n’Rose
- DBB84E
≈ Golden Bass
- 3DD6C0
≈ Turquoise Panic
- A2B8FF
≈ Truesky Gloxym
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.02:1 · APCA Lc 39
Ag
AAASobre negro
WCAG 10.36:1 · APCA Lc 63
Mejor color de texto: #000000
WCAG 10.36:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmentos de código
CSS
:root {
--rock-n-rose: #ff97b7;
--rock-n-rose-rgb: 255 151 183;
--rock-n-rose-oklch: oklch(0.793 0.129 0.7);
}
.element {
color: var(--rock-n-rose);
background-color: hsl(342 100% 80%);
border-color: oklch(0.793 0.129 0.7);
}Tailwind CSS v4
@theme {
--color-rock-n-rose: #ff97b7;
--color-rock-n-rose-50: #ffe7f2;
--color-rock-n-rose-100: #ffd7e4;
--color-rock-n-rose-200: #ffbecf;
--color-rock-n-rose-300: #ef9bb1;
--color-rock-n-rose-400: #dc7c9a;
--color-rock-n-rose-500: #c95d82;
--color-rock-n-rose-600: #aa4f6e;
--color-rock-n-rose-700: #883f58;
--color-rock-n-rose-800: #652d42;
--color-rock-n-rose-900: #471e2d;
--color-rock-n-rose-950: #2e0e1a;
}SCSS
$rock-n-rose: #ff97b7;
$rock-n-rose-rgb: 255, 151, 183;
$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);
}