Color con nombre · #FF9E76
Candyman
Candyman es #FF9E76: rgb(255 158 118), hsl(18 100% 73%), oklch(0.79 0.128 43). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Candyman color name →
#FF9E76
oklch(0.79 0.128 43)
Conversiones de color
- HEX
- #ff9e76
- RGB
- rgb(255 158 118)
- HSL
- hsl(18 100% 73%)
- HWB
- hwb(18 46% 0%)
- OKLCH
- oklch(0.79 0.128 43)
- OKLab
- oklab(0.79 0.094 0.087)
- CIE Lab
- lab(74.74 34.25 36.83)
- LCH
- lch(74.74 50.3 47.1)
- CMYK
- cmyk(0% 38% 54% 0%)
Tintes · Sombras · Tonos
Tintes
- FFA884
- FFB292
- FFBCA0
- FFC6AD
- FFCFBB
- FFD9C9
- FFE3D6
- FFECE4
- FFF6F1
Sombras
- DE8966
- BE7456
- 9E6047
- 804D38
- 633A29
- 48291C
- 2E180F
- 160905
- 030101
Tonos
- F29B78
- E6997A
- D9967B
- CC937C
- C0907D
- B38D7E
- A68A7F
- 9A877F
- 8D8380
Armonías de color
Complementario +180°
- FF9E76
Candyman
- 44CCF6
≈ Thor’s Thunder
Análogo -30° +30°
- FF9E76
Candyman
- FF98A4
≈ Fight the Sunrise
- ECAD54
≈ Shiny Trumpet
Triádico +120° +240°
- FF9E76
Candyman
- 60D4A3
≈ Van Gogh Green
- B0B1FF
≈ Winterspring Lilac
Complementario dividido +150° +210°
- FF9E76
Candyman
- 2BD4D1
≈ Medium Turquoise
- 87BEFF
≈ Scenic Water
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.01:1 · APCA Lc 39
Ag
AAASobre negro
WCAG 10.40:1 · APCA Lc 63
Mejor color de texto: #000000
WCAG 10.40:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmentos de código
CSS
:root {
--candyman: #ff9e76;
--candyman-rgb: 255 158 118;
--candyman-oklch: oklch(0.79 0.128 43);
}
.element {
color: var(--candyman);
background-color: hsl(18 100% 73%);
border-color: oklch(0.79 0.128 43);
}Tailwind CSS v4
@theme {
--color-candyman: #ff9e76;
--color-candyman-50: #ffebd7;
--color-candyman-100: #ffdbc5;
--color-candyman-200: #ffc4a7;
--color-candyman-300: #efa280;
--color-candyman-400: #dd845f;
--color-candyman-500: #ca6539;
--color-candyman-600: #ab5632;
--color-candyman-700: #894527;
--color-candyman-800: #66311d;
--color-candyman-900: #482113;
--color-candyman-950: #2f1005;
}SCSS
$candyman: #ff9e76;
$candyman-rgb: 255, 158, 118;
$candyman-light: mix(#fff, $candyman, 20%);
$candyman-dark: mix(#000, $candyman, 20%);
.element {
color: $candyman;
box-shadow: 0 0 0 2px rgba($candyman, 0.35);
}