Najbliższy nazwany kolor · #F58474
#F58474
Najbliższy nazwany kolor: Smoked Salmon
#F58474 (rgb(245 132 116), hsl(7 87% 71%), oklch(0.735 0.141 29.3)) jest najbliższy nazwanemu kolorowi Smoked Salmon. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#F58474
oklch(0.735 0.141 29.3)
Konwersje koloru
- HEX
- #f58474
- RGB
- rgb(245 132 116)
- HSL
- hsl(7 87% 71%)
- HWB
- hwb(7 45% 4%)
- OKLCH
- oklch(0.735 0.141 29.3)
- OKLab
- oklab(0.735 0.123 0.069)
- CIE Lab
- lab(67.96 42.99 29.04)
- LCH
- lch(67.96 51.88 34)
- CMYK
- cmyk(0% 46% 53% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F89182
- FA9E8F
- FCAA9D
- FDB6AB
- FFC3B9
- FFCFC7
- FFDBD5
- FFE7E3
- FFF3F1
Odcienie ciemniejsze
- D57264
- B66054
- 984F45
- 7B3F37
- 5F2F29
- 44201B
- 2B120F
- 150605
- 030101
Tony
- EA8476
- DE8577
- D38579
- C7857A
- BC847B
- B0847C
- A5837D
- 99827E
- 8C817F
Harmonie kolorów
Komplementarna +180°
- F58474
Smoked Salmon
- 00BED4
≈ Holiday Blue
Analogowa -30° +30°
- F58474
Smoked Salmon
- EF81A7
≈ Aurora Pink
- E99142
≈ California
Triada +120° +240°
- F58474
Smoked Salmon
- 61C277
≈ Bermudagrass
- 87A4FF
≈ Fennel Flower
Komplementarna rozszczepiona +150° +210°
- F58474
Smoked Salmon
- 00C4AB
≈ Turquoise
- 41B4F8
≈ Adamantine Blue
Tetrada +90° +180° +270°
- F58474
Smoked Salmon
- 9FB543
≈ Booger
- 00BED4
≈ Holiday Blue
- B694F5
≈ Luminous Lavender
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.48:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.43:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.43:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
CSS
:root {
--smoked-salmon: #f58474;
--smoked-salmon-rgb: 245 132 116;
--smoked-salmon-oklch: oklch(0.735 0.141 29.3);
}
.element {
color: var(--smoked-salmon);
background-color: hsl(7 87% 71%);
border-color: oklch(0.735 0.141 29.3);
}Tailwind CSS v4
@theme {
--color-smoked-salmon: #f58474;
--color-smoked-salmon-50: #ffe7dd;
--color-smoked-salmon-100: #ffd7cb;
--color-smoked-salmon-200: #ffbeaf;
--color-smoked-salmon-300: #f79c8b;
--color-smoked-salmon-400: #e67c6c;
--color-smoked-salmon-500: #d35b4c;
--color-smoked-salmon-600: #b24e41;
--color-smoked-salmon-700: #8f3e34;
--color-smoked-salmon-800: #6b2c26;
--color-smoked-salmon-900: #4b1e19;
--color-smoked-salmon-950: #310d0a;
}SCSS
$smoked-salmon: #f58474;
$smoked-salmon-rgb: 245, 132, 116;
$smoked-salmon-light: mix(#fff, $smoked-salmon, 20%);
$smoked-salmon-dark: mix(#000, $smoked-salmon, 20%);
.element {
color: $smoked-salmon;
box-shadow: 0 0 0 2px rgba($smoked-salmon, 0.35);
}