Color con nombre · #DD79A2
Real Raspberry
Real Raspberry es #DD79A2: rgb(221 121 162), hsl(335 60% 67%), oklch(0.699 0.132 355.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Real Raspberry color name →
#DD79A2
oklch(0.699 0.132 355.1)
Conversiones de color
- HEX
- #dd79a2
- RGB
- rgb(221 121 162)
- HSL
- hsl(335 60% 67%)
- HWB
- hwb(335 47% 13%)
- OKLCH
- oklch(0.699 0.132 355.1)
- OKLab
- oklab(0.699 0.132 -0.011)
- CIE Lab
- lab(63.33 43.18 -3.82)
- LCH
- lch(63.33 43.35 354.9)
- CMYK
- cmyk(0% 45% 27% 13%)
Tintes · Sombras · Tonos
Tintes
- E287AB
- E694B4
- EAA2BD
- EEAFC6
- F2BCD0
- F5CAD9
- F8D7E2
- FBE4EC
- FDF2F5
Sombras
- C0688C
- A45877
- 884863
- 6E394F
- 552B3C
- 3D1D2A
- 261019
- 11050A
- 020101
Tonos
- D47A9F
- CB7C9B
- C27D98
- B97E94
- B07E91
- A77F8D
- 9D7F8A
- 948087
- 8A8083
Armonías de color
Complementario +180°
- DD79A2
Real Raspberry
- 00B899
≈ Aare River
Análogo -30° +30°
- DD79A2
Real Raspberry
- C780CB
≈ Purception
- E47B74
≈ Geraldine
Triádico +120° +240°
- DD79A2
Real Raspberry
- 9CA73B
≈ Science Experiment
- 33AAE4
≈ Royal Peacock
Complementario dividido +150° +210°
- DD79A2
Real Raspberry
- 65B369
≈ Boring Green
- 00B3C1
≈ Marrakech Mile
Tetrádico +90° +180° +270°
- DD79A2
Real Raspberry
- C39626
≈ Tawny Olive
- 00B899
≈ Aare River
- 769BF0
≈ Guilliman Blue
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.86:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.33:1 · APCA Lc 47
Mejor color de texto: #000000
WCAG 7.33:1 (AAA) · APCA Lc 47
Contrast pairs
Fragmentos de código
CSS
:root {
--real-raspberry: #dd79a2;
--real-raspberry-rgb: 221 121 162;
--real-raspberry-oklch: oklch(0.699 0.132 355.1);
}
.element {
color: var(--real-raspberry);
background-color: hsl(335 60% 67%);
border-color: oklch(0.699 0.132 355.1);
}Tailwind CSS v4
@theme {
--color-real-raspberry: #dd79a2;
--color-real-raspberry-50: #ffe6f6;
--color-real-raspberry-100: #ffd6e8;
--color-real-raspberry-200: #ffbdd5;
--color-real-raspberry-300: #ee9bb8;
--color-real-raspberry-400: #db7ca2;
--color-real-raspberry-500: #c75c8a;
--color-real-raspberry-600: #a84f75;
--color-real-raspberry-700: #873f5e;
--color-real-raspberry-800: #642d46;
--color-real-raspberry-900: #461e31;
--color-real-raspberry-950: #2d0e1d;
}SCSS
$real-raspberry: #dd79a2;
$real-raspberry-rgb: 221, 121, 162;
$real-raspberry-light: mix(#fff, $real-raspberry, 20%);
$real-raspberry-dark: mix(#000, $real-raspberry, 20%);
.element {
color: $real-raspberry;
box-shadow: 0 0 0 2px rgba($real-raspberry, 0.35);
}