Warna bernama · #FF7356
Fresh Salmon
Fresh Salmon adalah #FF7356: rgb(255 115 86), hsl(10 100% 67%), oklch(0.719 0.177 33.3). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Red mean? → · Fresh Salmon color name →
#FF7356
oklch(0.719 0.177 33.3)
Konversi warna
- HEX
- #ff7356
- RGB
- rgb(255 115 86)
- HSL
- hsl(10 100% 67%)
- HWB
- hwb(10 34% 0%)
- OKLCH
- oklch(0.719 0.177 33.3)
- OKLab
- oklab(0.719 0.148 0.097)
- CIE Lab
- lab(65.83 53.06 43.1)
- LCH
- lch(65.83 68.36 39.1)
- CMYK
- cmyk(0% 55% 66% 0%)
Tint · Shade · Tone
Tint
- FF8368
- FF9279
- FFA08A
- FFAE9B
- FFBCAB
- FFCABC
- FFD7CD
- FFE5DD
- FFF2EE
Shade
- DE634A
- BE543E
- 9E4532
- 803627
- 63281C
- 481B12
- 2E0F08
- 160502
- 030100
Tone
- F3765C
- E77961
- DB7B66
- CE7C6A
- C27E6F
- B57F72
- A98076
- 9B807A
- 8E807D
Harmoni warna
Komplementer +180°
- FF7356
Fresh Salmon
- 00B8D3
≈ Ocean Sigh
Analog -30° +30°
- FF7356
Fresh Salmon
- FB6D99
≈ French Pink
- EA8900
≈ Elden Ring Orange
Triadik +120° +240°
- FF7356
Fresh Salmon
- 1EC36D
≈ Algal Fuel
- 879CFF
≈ Periwinkle Blue
Split-komplementer +150° +210°
- FF7356
Fresh Salmon
- 00BEAC
≈ Tealish
- 2FADFF
≈ Fantasy Console Sky
Tetradik +90° +180° +270°
- FF7356
Fresh Salmon
- 8FB500
≈ Seasoned Green
- 00B8D3
≈ Ocean Sigh
- BC84FE
≈ Lilac Geode
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.67:1 · APCA Lc 51
Ag
AAADi atas hitam
WCAG 7.83:1 · APCA Lc 51
Warna teks terbaik: #000000
WCAG 7.83:1 (AAA) · APCA Lc 51
Contrast pairs
Cuplikan kode
CSS
:root {
--fresh-salmon: #ff7356;
--fresh-salmon-rgb: 255 115 86;
--fresh-salmon-oklch: oklch(0.719 0.177 33.3);
}
.element {
color: var(--fresh-salmon);
background-color: hsl(10 100% 67%);
border-color: oklch(0.719 0.177 33.3);
}Tailwind CSS v4
@theme {
--color-fresh-salmon: #ff7356;
--color-fresh-salmon-50: #ffe4d3;
--color-fresh-salmon-100: #ffd3c0;
--color-fresh-salmon-200: #ffb9a0;
--color-fresh-salmon-300: #ff9477;
--color-fresh-salmon-400: #f47055;
--color-fresh-salmon-500: #e34a2b;
--color-fresh-salmon-600: #c04026;
--color-fresh-salmon-700: #9a331e;
--color-fresh-salmon-800: #732317;
--color-fresh-salmon-900: #51180f;
--color-fresh-salmon-950: #360703;
}SCSS
$fresh-salmon: #ff7356;
$fresh-salmon-rgb: 255, 115, 86;
$fresh-salmon-light: mix(#fff, $fresh-salmon, 20%);
$fresh-salmon-dark: mix(#000, $fresh-salmon, 20%);
.element {
color: $fresh-salmon;
box-shadow: 0 0 0 2px rgba($fresh-salmon, 0.35);
}