Color con nombre · #9F4F4D
Sweet Cherry
Sweet Cherry es #9F4F4D: rgb(159 79 77), hsl(1 35% 46%), oklch(0.526 0.107 22.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Sweet Cherry color name →
#9F4F4D
oklch(0.526 0.107 22.9)
Conversiones de color
- HEX
- #9f4f4d
- RGB
- rgb(159 79 77)
- HSL
- hsl(1 35% 46%)
- HWB
- hwb(1 30% 38%)
- OKLCH
- oklch(0.526 0.107 22.9)
- OKLab
- oklab(0.526 0.098 0.041)
- CIE Lab
- lab(43.9 33.74 17.36)
- LCH
- lch(43.9 37.94 27.2)
- CMYK
- cmyk(0% 50% 52% 38%)
Tintes · Sombras · Tonos
Tintes
- AA605D
- B4716E
- BE837F
- C89491
- D2A5A2
- DCB7B4
- E5C9C6
- EEDBD9
- F6EDEC
Sombras
- 8A4442
- 753837
- 612E2C
- 4D2322
- 3B1918
- 29100F
- 180707
- 090202
- 010000
Tonos
- 9D5552
- 9A5A57
- 985F5C
- 956462
- 926967
- 8F6E6C
- 8C7371
- 887776
- 847C7B
Armonías de color
Complementario +180°
- 9F4F4D
Sweet Cherry
- 007981
≈ Aqua Nation
Análogo -30° +30°
- 9F4F4D
Sweet Cherry
- 994E70
≈ Befitting
- 9A5728
≈ Ethiopian Wolf
Triádico +120° +240°
- 9F4F4D
Sweet Cherry
- 427A3F
≈ Hills of Ireland
- 4969A8
≈ Indigo Batik
Complementario dividido +150° +210°
- 9F4F4D
Sweet Cherry
- 007D65
≈ Turquoise Cyan
- 06749E
≈ Tofino Belue
Tetrádico +90° +180° +270°
- 9F4F4D
Sweet Cherry
- 6B7019
≈ Brownish Green
- 007981
≈ Aqua Nation
- 6D5DA2
≈ Giant Onion
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.67:1 · APCA Lc 78
Ag
FailSobre negro
WCAG 3.69:1 · APCA Lc 24
Mejor color de texto: #FFFFFF
WCAG 5.67:1 (AA) · APCA Lc 78
Contrast pairs
Fragmentos de código
CSS
:root {
--sweet-cherry: #9f4f4d;
--sweet-cherry-rgb: 159 79 77;
--sweet-cherry-oklch: oklch(0.526 0.107 22.9);
}
.element {
color: var(--sweet-cherry);
background-color: hsl(1 35% 46%);
border-color: oklch(0.526 0.107 22.9);
}Tailwind CSS v4
@theme {
--color-sweet-cherry: #9f4f4d;
--color-sweet-cherry-50: #ffeae6;
--color-sweet-cherry-100: #ffdbd6;
--color-sweet-cherry-200: #ffc3be;
--color-sweet-cherry-300: #e9a29c;
--color-sweet-cherry-400: #d68581;
--color-sweet-cherry-500: #c36764;
--color-sweet-cherry-600: #a55855;
--color-sweet-cherry-700: #844644;
--color-sweet-cherry-800: #623232;
--color-sweet-cherry-900: #452222;
--color-sweet-cherry-950: #2c1111;
}SCSS
$sweet-cherry: #9f4f4d;
$sweet-cherry-rgb: 159, 79, 77;
$sweet-cherry-light: mix(#fff, $sweet-cherry, 20%);
$sweet-cherry-dark: mix(#000, $sweet-cherry, 20%);
.element {
color: $sweet-cherry;
box-shadow: 0 0 0 2px rgba($sweet-cherry, 0.35);
}