Color con nombre · #FEA993
Frozen Salmon
Frozen Salmon es #FEA993: rgb(254 169 147), hsl(12 98% 79%), oklch(0.813 0.106 35.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Pink mean? → · Frozen Salmon color name →
#FEA993
oklch(0.813 0.106 35.2)
Conversiones de color
- HEX
- #fea993
- RGB
- rgb(254 169 147)
- HSL
- hsl(12 98% 79%)
- HWB
- hwb(12 58% 0%)
- OKLCH
- oklch(0.813 0.106 35.2)
- OKLab
- oklab(0.813 0.086 0.061)
- CIE Lab
- lab(77.44 30.36 24.88)
- LCH
- lch(77.44 39.25 39.3)
- CMYK
- cmyk(0% 33% 42% 0%)
Tintes · Sombras · Tonos
Tintes
- FFB29E
- FFBBA8
- FFC3B3
- FFCCBE
- FFD4C9
- FFDDD3
- FFE6DE
- FFEEE9
- FFF7F4
Sombras
- DD927F
- BD7C6C
- 9E6759
- 805347
- 633F36
- 472C25
- 2D1B16
- 160A08
- 030101
Tonos
- F1A591
- E5A190
- D89D8E
- CB998C
- BF958A
- B29188
- A68D86
- 998984
- 8D8482
Armonías de color
Complementario +180°
- FEA993
Frozen Salmon
- 66D3ED
≈ Middle Blue
Análogo -30° +30°
- FEA993
Frozen Salmon
- FCA5B8
≈ Amélie’s Tutu
- F1B477
≈ Surprise Amber
Triádico +120° +240°
- FEA993
Frozen Salmon
- 88D6A4
≈ Patrice
- B0BDFF
≈ Dried Lilac
Complementario dividido +150° +210°
- FEA993
Frozen Salmon
- 66D8CB
≈ Turquoise Twist
- 89C9FF
≈ Platonic Blue
Tetrádico +90° +180° +270°
- FEA993
Frozen Salmon
- B2CE81
≈ Nurgling Green
- 66D3ED
≈ Middle Blue
- D2B0F9
≈ Teasel Dipsacus
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.85:1 · APCA Lc 35
Ag
AAASobre negro
WCAG 11.31:1 · APCA Lc 68
Mejor color de texto: #000000
WCAG 11.31:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmentos de código
CSS
:root {
--frozen-salmon: #fea993;
--frozen-salmon-rgb: 254 169 147;
--frozen-salmon-oklch: oklch(0.813 0.106 35.2);
}
.element {
color: var(--frozen-salmon);
background-color: hsl(12 98% 79%);
border-color: oklch(0.813 0.106 35.2);
}Tailwind CSS v4
@theme {
--color-frozen-salmon: #fea993;
--color-frozen-salmon-50: #ffebe0;
--color-frozen-salmon-100: #ffdccf;
--color-frozen-salmon-200: #fec5b5;
--color-frozen-salmon-300: #e8a591;
--color-frozen-salmon-400: #d58773;
--color-frozen-salmon-500: #c26a54;
--color-frozen-salmon-600: #a35a48;
--color-frozen-salmon-700: #834839;
--color-frozen-salmon-800: #62342a;
--color-frozen-salmon-900: #45231c;
--color-frozen-salmon-950: #2c120c;
}SCSS
$frozen-salmon: #fea993;
$frozen-salmon-rgb: 254, 169, 147;
$frozen-salmon-light: mix(#fff, $frozen-salmon, 20%);
$frozen-salmon-dark: mix(#000, $frozen-salmon, 20%);
.element {
color: $frozen-salmon;
box-shadow: 0 0 0 2px rgba($frozen-salmon, 0.35);
}