Nazwany kolor · #FF91A4
Salmon Pink
Salmon Pink to #FF91A4: rgb(255 145 164), hsl(350 100% 78%), oklch(0.778 0.134 9.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Salmon Pink color name →
#FF91A4
oklch(0.778 0.134 9.6)
Konwersje koloru
- HEX
- #ff91a4
- RGB
- rgb(255 145 164)
- HSL
- hsl(350 100% 78%)
- HWB
- hwb(350 57% 0%)
- OKLCH
- oklch(0.778 0.134 9.6)
- OKLab
- oklab(0.778 0.132 0.022)
- CIE Lab
- lab(72.76 43.86 9.26)
- LCH
- lch(72.76 44.83 11.9)
- CMYK
- cmyk(0% 43% 36% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FF9DAD
- FFA8B6
- FFB3BF
- FFBEC8
- FFC9D1
- FFD4DA
- FFDFE3
- FFE9EC
- FFF4F6
Odcienie ciemniejsze
- DE7D8E
- BE6A79
- 9E5864
- 804650
- 63353D
- 48252B
- 2E151A
- 16070A
- 030101
Tony
- F290A0
- E68F9D
- D98D99
- CD8C95
- C08A92
- B4888E
- A7878B
- 9A8487
- 8D8284
Harmonie kolorów
Komplementarna +180°
- FF91A4
Salmon Pink
- 0CD2C9
≈ Blue Martina
Analogowa -30° +30°
- FF91A4
Salmon Pink
- EF94D2
≈ Bubblegum Kisses
- FF9874
≈ Hibiscus Delight
Triada +120° +240°
- FF91A4
Salmon Pink
- 9BC868
≈ Apple Orchard
- 7ABCFF
≈ Cooler Than Ever
Komplementarna rozszczepiona +150° +210°
- FF91A4
Salmon Pink
- 5ED198
≈ Van Gogh Green
- 2BCAF1
≈ Picnic Day Sky
Tetrada +90° +180° +270°
- FF91A4
Salmon Pink
- CBB847
≈ Old Gold
- 0CD2C9
≈ Blue Martina
- A8AFFF
≈ Shy Moment
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.13:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.83:1 · APCA Lc 61
Najlepszy kolor tekstu: #000000
WCAG 9.83:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmenty kodu
CSS
:root {
--salmon-pink: #ff91a4;
--salmon-pink-rgb: 255 145 164;
--salmon-pink-oklch: oklch(0.778 0.134 9.6);
}
.element {
color: var(--salmon-pink);
background-color: hsl(350 100% 78%);
border-color: oklch(0.778 0.134 9.6);
}Tailwind CSS v4
@theme {
--color-salmon-pink: #ff91a4;
--color-salmon-pink-50: #ffe6eb;
--color-salmon-pink-100: #ffd6dc;
--color-salmon-pink-200: #ffbdc5;
--color-salmon-pink-300: #f39aa6;
--color-salmon-pink-400: #e17b8d;
--color-salmon-pink-500: #ce5b72;
--color-salmon-pink-600: #ae4e61;
--color-salmon-pink-700: #8c3e4d;
--color-salmon-pink-800: #682c3a;
--color-salmon-pink-900: #491e28;
--color-salmon-pink-950: #2f0d16;
}SCSS
$salmon-pink: #ff91a4;
$salmon-pink-rgb: 255, 145, 164;
$salmon-pink-light: mix(#fff, $salmon-pink, 20%);
$salmon-pink-dark: mix(#000, $salmon-pink, 20%);
.element {
color: $salmon-pink;
box-shadow: 0 0 0 2px rgba($salmon-pink, 0.35);
}