Nazwany kolor · #FF7E79
Salmon Sashimi
Salmon Sashimi to #FF7E79: rgb(255 126 121), hsl(2 100% 74%), oklch(0.74 0.158 23.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Salmon Sashimi color name →
#FF7E79
oklch(0.74 0.158 23.9)
Konwersje koloru
- HEX
- #ff7e79
- RGB
- rgb(255 126 121)
- HSL
- hsl(2 100% 74%)
- HWB
- hwb(2 47% 0%)
- OKLCH
- oklch(0.74 0.158 23.9)
- OKLab
- oklab(0.74 0.145 0.064)
- CIE Lab
- lab(68.29 49.77 27.03)
- LCH
- lch(68.29 56.64 28.5)
- CMYK
- cmyk(0% 51% 53% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FF8C86
- FF9A93
- FFA7A1
- FFB4AE
- FFC1BB
- FFCDC9
- FFDAD6
- FFE6E4
- FFF3F1
Odcienie ciemniejsze
- DE6D68
- BE5C58
- 9E4C48
- 803C39
- 632D2B
- 481F1D
- 2E1110
- 160505
- 030101
Tony
- F37F7A
- E6817B
- DA817C
- CE827D
- C1827E
- B5827E
- A8827F
- 9B817F
- 8E8180
Harmonie kolorów
Komplementarna +180°
- FF7E79
Salmon Sashimi
- 00C1CF
≈ The Crowd Roars!
Analogowa -30° +30°
- FF7E79
Salmon Sashimi
- F57DB2
≈ Erythrosine
- F68B3B
≈ Hot Orange
Triada +120° +240°
- FF7E79
Salmon Sashimi
- 66C466
≈ Verdant Oasis
- 7FA9FF
≈ Fennel Flower
Komplementarna rozszczepiona +150° +210°
- FF7E79
Salmon Sashimi
- 00C7A4
≈ Jadeite
- 00B9FD
≈ Blue Bolt
Tetrada +90° +180° +270°
- FF7E79
Salmon Sashimi
- AAB520
≈ Mustard Green
- 00C1CF
≈ The Crowd Roars!
- B197FF
≈ Liliac
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.46:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.51:1 · APCA Lc 54
Najlepszy kolor tekstu: #000000
WCAG 8.51:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmenty kodu
CSS
:root {
--salmon-sashimi: #ff7e79;
--salmon-sashimi-rgb: 255 126 121;
--salmon-sashimi-oklch: oklch(0.74 0.158 23.9);
}
.element {
color: var(--salmon-sashimi);
background-color: hsl(2 100% 74%);
border-color: oklch(0.74 0.158 23.9);
}Tailwind CSS v4
@theme {
--color-salmon-sashimi: #ff7e79;
--color-salmon-sashimi-50: #ffe5de;
--color-salmon-sashimi-100: #ffd4cd;
--color-salmon-sashimi-200: #ffbab1;
--color-salmon-sashimi-300: #fe968d;
--color-salmon-sashimi-400: #ed7470;
--color-salmon-sashimi-500: #db5150;
--color-salmon-sashimi-600: #b94544;
--color-salmon-sashimi-700: #953736;
--color-salmon-sashimi-800: #6f2729;
--color-salmon-sashimi-900: #4e1a1b;
--color-salmon-sashimi-950: #340a0c;
}SCSS
$salmon-sashimi: #ff7e79;
$salmon-sashimi-rgb: 255, 126, 121;
$salmon-sashimi-light: mix(#fff, $salmon-sashimi, 20%);
$salmon-sashimi-dark: mix(#000, $salmon-sashimi, 20%);
.element {
color: $salmon-sashimi;
box-shadow: 0 0 0 2px rgba($salmon-sashimi, 0.35);
}