Color con nombre · #FC9293
Cherished One
Cherished One es #FC9293: rgb(252 146 147), hsl(359 95% 78%), oklch(0.772 0.128 19.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Cherished One color name →
#FC9293
oklch(0.772 0.128 19.8)
Conversiones de color
- HEX
- #fc9293
- RGB
- rgb(252 146 147)
- HSL
- hsl(359 95% 78%)
- HWB
- hwb(359 57% 1%)
- OKLCH
- oklch(0.772 0.128 19.8)
- OKLab
- oklab(0.772 0.121 0.044)
- CIE Lab
- lab(72.25 40.93 17.86)
- LCH
- lch(72.25 44.65 23.6)
- CMYK
- cmyk(0% 42% 42% 1%)
Tintes · Sombras · Tonos
Tintes
- FE9D9E
- FFA9A8
- FFB4B3
- FFBEBD
- FFC9C8
- FFD4D3
- FFDFDE
- FFEAE9
- FFF4F4
Sombras
- DB7E7F
- BB6B6C
- 9C5859
- 7E4647
- 623536
- 472525
- 2D1616
- 160808
- 030101
Tonos
- F09191
- E48F8F
- D78E8E
- CB8C8C
- BF8B8A
- B28988
- A68786
- 9A8584
- 8D8282
Armonías de color
Complementario +180°
- FC9293
Cherished One
- 1ACDD5
≈ Jade Glass
Análogo -30° +30°
- FC9293
Cherished One
- F292C1
≈ Pearly Pink
- F69B67
≈ Indian Paintbrush
Triádico +120° +240°
- FC9293
Cherished One
- 88C979
≈ Fresh Cut Grass
- 89B6FF
≈ Carolina Blue
Complementario dividido +150° +210°
- FC9293
Cherished One
- 4CCFA8
≈ Mint Jelly
- 4AC4F6
≈ Shovel Knight
Tetrádico +90° +180° +270°
- FC9293
Cherished One
- BABC53
≈ Sinsemilla
- 1ACDD5
≈ Jade Glass
- B4A7FF
≈ Shy Moment
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.17:1 · APCA Lc 42
Ag
AAASobre negro
WCAG 9.67:1 · APCA Lc 60
Mejor color de texto: #000000
WCAG 9.67:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmentos de código
CSS
:root {
--cherished-one: #fc9293;
--cherished-one-rgb: 252 146 147;
--cherished-one-oklch: oklch(0.772 0.128 19.8);
}
.element {
color: var(--cherished-one);
background-color: hsl(359 95% 78%);
border-color: oklch(0.772 0.128 19.8);
}Tailwind CSS v4
@theme {
--color-cherished-one: #fc9293;
--color-cherished-one-50: #ffe8e5;
--color-cherished-one-100: #ffd8d5;
--color-cherished-one-200: #ffbfbc;
--color-cherished-one-300: #f29d9a;
--color-cherished-one-400: #e07e7f;
--color-cherished-one-500: #cd5e62;
--color-cherished-one-600: #ad5054;
--color-cherished-one-700: #8b4043;
--color-cherished-one-800: #672e31;
--color-cherished-one-900: #491f21;
--color-cherished-one-950: #2f0e11;
}SCSS
$cherished-one: #fc9293;
$cherished-one-rgb: 252, 146, 147;
$cherished-one-light: mix(#fff, $cherished-one, 20%);
$cherished-one-dark: mix(#000, $cherished-one, 20%);
.element {
color: $cherished-one;
box-shadow: 0 0 0 2px rgba($cherished-one, 0.35);
}