Cor nomeada mais próxima · #F2774E
#F2774E
Cor nomeada mais próxima: Sassy Salmon
#F2774E (rgb(242 119 78), hsl(15 86% 63%), oklch(0.705 0.162 38.8)) é mais próxima da cor nomeada Sassy Salmon. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#F2774E
oklch(0.705 0.162 38.8)
Conversões de cor
- HEX
- #f2774e
- RGB
- rgb(242 119 78)
- HSL
- hsl(15 86% 63%)
- HWB
- hwb(15 31% 5%)
- OKLCH
- oklch(0.705 0.162 38.8)
- OKLab
- oklab(0.705 0.126 0.101)
- CIE Lab
- lab(64.52 46.19 45.19)
- LCH
- lch(64.52 64.62 44.4)
- CMYK
- cmyk(0% 51% 68% 5%)
Tons claros · Sombras · Tons
Tons claros
- F58661
- F89473
- FAA285
- FCB097
- FEBDA8
- FFCAB9
- FFD8CB
- FFE5DC
- FFF2ED
Sombras
- D26743
- B45738
- 96472D
- 793823
- 5E2A19
- 431C0F
- 2B1007
- 140502
- 030100
Tons
- E77955
- DC7B5B
- D17D61
- C67E66
- BB7F6B
- B08070
- A48074
- 998078
- 8C807C
Harmonias de cor
Complementar +180°
- F2774E
Sassy Salmon
- 00B2D5
≈ Aquarius
Análoga -30° +30°
- F2774E
Sassy Salmon
- F16F8B
≈ Grapefruit Juice
- DD8B00
≈ Non-Stop Orange
Tríade +120° +240°
- F2774E
Sassy Salmon
- 06BD7A
≈ Fennel Fiesta
- 8C93FF
≈ Periwinkle Blue
Complementar dividida +150° +210°
- F2774E
Sassy Salmon
- 00B8AF
≈ Super Rare Jade
- 3FA5FF
≈ Xed
Tétrade +90° +180° +270°
- F2774E
Sassy Salmon
- 80B235
≈ Football Field
- 00B2D5
≈ Aquarius
- BD81EC
≈ Azuremyst Isle
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.79:1 · APCA Lc 53
Ag
AAASobre preto
WCAG 7.52:1 · APCA Lc 49
Melhor cor de texto: #000000
WCAG 7.52:1 (AAA) · APCA Lc 49
Contrast pairs
Trechos de código
CSS
:root {
--sassy-salmon: #f2774e;
--sassy-salmon-rgb: 242 119 78;
--sassy-salmon-oklch: oklch(0.705 0.162 38.8);
}
.element {
color: var(--sassy-salmon);
background-color: hsl(15 86% 63%);
border-color: oklch(0.705 0.162 38.8);
}Tailwind CSS v4
@theme {
--color-sassy-salmon: #f2774e;
--color-sassy-salmon-50: #ffe7d2;
--color-sassy-salmon-100: #ffd7bf;
--color-sassy-salmon-200: #ffbd9f;
--color-sassy-salmon-300: #fd9a75;
--color-sassy-salmon-400: #ed7852;
--color-sassy-salmon-500: #db5525;
--color-sassy-salmon-600: #b94921;
--color-sassy-salmon-700: #953a1b;
--color-sassy-salmon-800: #6f2914;
--color-sassy-salmon-900: #4e1c0d;
--color-sassy-salmon-950: #340b02;
}SCSS
$sassy-salmon: #f2774e;
$sassy-salmon-rgb: 242, 119, 78;
$sassy-salmon-light: mix(#fff, $sassy-salmon, 20%);
$sassy-salmon-dark: mix(#000, $sassy-salmon, 20%);
.element {
color: $sassy-salmon;
box-shadow: 0 0 0 2px rgba($sassy-salmon, 0.35);
}