Color con nombre más cercano · #F4717E
#F4717E
Color con nombre más cercano: Begonia
#F4717E (rgb(244 113 126), hsl(354 86% 70%), oklch(0.708 0.161 16)) se parece más al color con nombre Begonia. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#F4717E
oklch(0.708 0.161 16)
Conversiones de color
- HEX
- #f4717e
- RGB
- rgb(244 113 126)
- HSL
- hsl(354 86% 70%)
- HWB
- hwb(354 44% 4%)
- OKLCH
- oklch(0.708 0.161 16)
- OKLab
- oklab(0.708 0.155 0.044)
- CIE Lab
- lab(64.35 52.11 18.67)
- LCH
- lch(64.35 55.35 19.7)
- CMYK
- cmyk(0% 54% 48% 4%)
Tintes · Sombras · Tonos
Tintes
- F7808A
- FA8F97
- FC9EA3
- FEACB0
- FFBABD
- FFC8CA
- FFD6D7
- FFE4E4
- FFF1F2
Sombras
- D4616D
- B5525C
- 97434C
- 7A353C
- 5E272D
- 441A1F
- 2B0E11
- 140405
- 030101
Tonos
- E9747E
- DE767F
- D3797F
- C87B7F
- BC7C7F
- B17D80
- A57E80
- 997F80
- 8D8080
Armonías de color
Complementario +180°
- F4717E
Begonia
- 00B7B9
≈ Cyan Sky
Análogo -30° +30°
- F4717E
Begonia
- E673B6
≈ Amaranth
- F07C3F
≈ Mustard Crusted Salmon
Triádico +120° +240°
- F4717E
Begonia
- 70B749
≈ Turtle Green
- 5BA2FF
≈ Âbi Blue
Complementario dividido +150° +210°
- F4717E
Begonia
- 00BD8C
≈ Slime Girl
- 00B1E1
≈ Blue Atoll
Tetrádico +90° +180° +270°
- F4717E
Begonia
- AEA500
≈ Jīn Sè Gold
- 00B7B9
≈ Cyan Sky
- 9A8FFF
≈ Cobalite
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.79:1 · APCA Lc 53
Ag
AAASobre negro
WCAG 7.50:1 · APCA Lc 49
Mejor color de texto: #000000
WCAG 7.50:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmentos de código
CSS
:root {
--begonia: #f4717e;
--begonia-rgb: 244 113 126;
--begonia-oklch: oklch(0.708 0.161 16);
}
.element {
color: var(--begonia);
background-color: hsl(354 86% 70%);
border-color: oklch(0.708 0.161 16);
}Tailwind CSS v4
@theme {
--color-begonia: #f4717e;
--color-begonia-50: #ffe3e4;
--color-begonia-100: #ffd3d4;
--color-begonia-200: #ffb8ba;
--color-begonia-300: #ff9498;
--color-begonia-400: #ee727d;
--color-begonia-500: #dc4d61;
--color-begonia-600: #b94352;
--color-begonia-700: #953541;
--color-begonia-800: #6f2531;
--color-begonia-900: #4e1921;
--color-begonia-950: #340911;
}SCSS
$begonia: #f4717e;
$begonia-rgb: 244, 113, 126;
$begonia-light: mix(#fff, $begonia, 20%);
$begonia-dark: mix(#000, $begonia, 20%);
.element {
color: $begonia;
box-shadow: 0 0 0 2px rgba($begonia, 0.35);
}