Color con nombre · #F78FA7
Unripe Strawberry
Unripe Strawberry es #F78FA7: rgb(247 143 167), hsl(346 87% 76%), oklch(0.766 0.128 5.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Unripe Strawberry color name →
#F78FA7
oklch(0.766 0.128 5.7)
Conversiones de color
- HEX
- #f78fa7
- RGB
- rgb(247 143 167)
- HSL
- hsl(346 87% 76%)
- HWB
- hwb(346 56% 3%)
- OKLCH
- oklch(0.766 0.128 5.7)
- OKLab
- oklab(0.766 0.127 0.013)
- CIE Lab
- lab(71.37 42.21 5.46)
- LCH
- lch(71.37 42.56 7.4)
- CMYK
- cmyk(0% 42% 32% 3%)
Tintes · Sombras · Tonos
Tintes
- F99BAF
- FBA6B8
- FCB1C1
- FEBDC9
- FFC8D2
- FFD3DB
- FFDEE4
- FFE9ED
- FFF4F6
Sombras
- D77C91
- B7697B
- 995766
- 7C4552
- 60343E
- 45242C
- 2C151A
- 15070A
- 030101
Tonos
- EB8EA3
- E08D9F
- D48C9B
- C88B97
- BC8993
- B1888F
- A5868C
- 998488
- 8C8284
Armonías de color
Complementario +180°
- F78FA7
Unripe Strawberry
- 28CDBF
≈ Exquisite Turquoise
Análogo -30° +30°
- F78FA7
Unripe Strawberry
- E693D2
≈ Mayflower Orchid
- F99479
≈ Indian Dance
Triádico +120° +240°
- F78FA7
Unripe Strawberry
- 9FC263
≈ Jungle Juice
- 69BBFF
≈ Green Darner Tail
Complementario dividido +150° +210°
- F78FA7
Unripe Strawberry
- 67CB90
≈ Van Gogh Green
- 2BC7E6
≈ Picnic Day Sky
Tetrádico +90° +180° +270°
- F78FA7
Unripe Strawberry
- CCB248
≈ Sugar Leaves
- 28CDBF
≈ Exquisite Turquoise
- 9EACFF
≈ Widowmaker
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.22:1 · APCA Lc 44
Ag
AAASobre negro
WCAG 9.44:1 · APCA Lc 59
Mejor color de texto: #000000
WCAG 9.44:1 (AAA) · APCA Lc 59
Contrast pairs
Fragmentos de código
CSS
:root {
--unripe-strawberry: #f78fa7;
--unripe-strawberry-rgb: 247 143 167;
--unripe-strawberry-oklch: oklch(0.766 0.128 5.7);
}
.element {
color: var(--unripe-strawberry);
background-color: hsl(346 87% 76%);
border-color: oklch(0.766 0.128 5.7);
}Tailwind CSS v4
@theme {
--color-unripe-strawberry: #f78fa7;
--color-unripe-strawberry-50: #ffe7ee;
--color-unripe-strawberry-100: #ffd7e0;
--color-unripe-strawberry-200: #ffbeca;
--color-unripe-strawberry-300: #f09cab;
--color-unripe-strawberry-400: #dd7d93;
--color-unripe-strawberry-500: #ca5d7a;
--color-unripe-strawberry-600: #ab5067;
--color-unripe-strawberry-700: #893f52;
--color-unripe-strawberry-800: #662d3d;
--color-unripe-strawberry-900: #471f2a;
--color-unripe-strawberry-950: #2e0e18;
}SCSS
$unripe-strawberry: #f78fa7;
$unripe-strawberry-rgb: 247, 143, 167;
$unripe-strawberry-light: mix(#fff, $unripe-strawberry, 20%);
$unripe-strawberry-dark: mix(#000, $unripe-strawberry, 20%);
.element {
color: $unripe-strawberry;
box-shadow: 0 0 0 2px rgba($unripe-strawberry, 0.35);
}