Adlandırılmış renk · #FF7356
Fresh Salmon
Fresh Salmon, #FF7356: rgb(255 115 86), hsl(10 100% 67%), oklch(0.719 0.177 33.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Fresh Salmon color name →
#FF7356
oklch(0.719 0.177 33.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FF8368
- FF9279
- FFA08A
- FFAE9B
- FFBCAB
- FFCABC
- FFD7CD
- FFE5DD
- FFF2EE
Koyu tonlar
- DE634A
- BE543E
- 9E4532
- 803627
- 63281C
- 481B12
- 2E0F08
- 160502
- 030100
Gri tonlar
- F3765C
- E77961
- DB7B66
- CE7C6A
- C27E6F
- B57F72
- A98076
- 9B807A
- 8E807D
Renk uyumları
Tamamlayıcı +180°
- FF7356
Fresh Salmon
- 00B8D3
≈ Ocean Sigh
Analog -30° +30°
- FF7356
Fresh Salmon
- FB6D99
≈ French Pink
- EA8900
≈ Elden Ring Orange
Üçlü +120° +240°
- FF7356
Fresh Salmon
- 1EC36D
≈ Algal Fuel
- 879CFF
≈ Periwinkle Blue
Bölünmüş tamamlayıcı +150° +210°
- FF7356
Fresh Salmon
- 00BEAC
≈ Tealish
- 2FADFF
≈ Fantasy Console Sky
Dörtlü +90° +180° +270°
- FF7356
Fresh Salmon
- 8FB500
≈ Seasoned Green
- 00B8D3
≈ Ocean Sigh
- BC84FE
≈ Lilac Geode
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.67:1 · APCA Lc 51
Ag
AAASiyah üzerinde
WCAG 7.83:1 · APCA Lc 51
En iyi metin rengi: #000000
WCAG 7.83:1 (AAA) · APCA Lc 51
Contrast pairs
Kod parçacıkları
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);
}