Nazwany kolor · #FF9BAA
Salmon Tartare
Salmon Tartare to #FF9BAA: rgb(255 155 170), hsl(351 100% 80%), oklch(0.796 0.12 10.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Salmon Tartare color name →
#FF9BAA
oklch(0.796 0.12 10.5)
Konwersje koloru
- HEX
- #ff9baa
- RGB
- rgb(255 155 170)
- HSL
- hsl(351 100% 80%)
- HWB
- hwb(351 61% 0%)
- OKLCH
- oklch(0.796 0.12 10.5)
- OKLab
- oklab(0.796 0.118 0.022)
- CIE Lab
- lab(74.94 39.52 9.02)
- LCH
- lch(74.94 40.54 12.9)
- CMYK
- cmyk(0% 39% 33% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFA5B2
- FFB0BB
- FFBAC3
- FFC4CB
- FFCED4
- FFD8DC
- FFE1E5
- FFEBEE
- FFF5F6
Odcienie ciemniejsze
- DE8693
- BE727D
- 9E5E68
- 804B53
- 63393F
- 48282D
- 2E181B
- 16090B
- 030101
Tony
- F299A6
- E696A1
- D9949D
- CC9199
- C08F95
- B38C91
- A7898C
- 9A8688
- 8D8384
Harmonie kolorów
Komplementarna +180°
- FF9BAA
Salmon Tartare
- 45D5CE
≈ Medium Turquoise
Analogowa -30° +30°
- FF9BAA
Salmon Tartare
- F19DD4
≈ Violet Kiss
- FEA180
≈ Orchid Orange
Triada +120° +240°
- FF9BAA
Salmon Tartare
- A2CC78
≈ Lick of Lime
- 87C1FF
≈ Scenic Water
Komplementarna rozszczepiona +150° +210°
- FF9BAA
Salmon Tartare
- 6FD4A2
≈ Crystal Gem
- 50CEF2
≈ Thor’s Thunder
Tetrada +90° +180° +270°
- FF9BAA
Salmon Tartare
- CEBE5D
≈ Limón Fresco
- 45D5CE
≈ Medium Turquoise
- AFB5FF
≈ Greyish Lavender
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.99:1 · APCA Lc 38
Ag
AAANa czerni
WCAG 10.52:1 · APCA Lc 64
Najlepszy kolor tekstu: #000000
WCAG 10.52:1 (AAA) · APCA Lc 64
Contrast pairs
Fragmenty kodu
CSS
:root {
--salmon-tartare: #ff9baa;
--salmon-tartare-rgb: 255 155 170;
--salmon-tartare-oklch: oklch(0.796 0.12 10.5);
}
.element {
color: var(--salmon-tartare);
background-color: hsl(351 100% 80%);
border-color: oklch(0.796 0.12 10.5);
}Tailwind CSS v4
@theme {
--color-salmon-tartare: #ff9baa;
--color-salmon-tartare-50: #ffe8ec;
--color-salmon-tartare-100: #ffd8dd;
--color-salmon-tartare-200: #ffc0c6;
--color-salmon-tartare-300: #ee9ea6;
--color-salmon-tartare-400: #db7f8d;
--color-salmon-tartare-500: #c86173;
--color-salmon-tartare-600: #a95262;
--color-salmon-tartare-700: #88424e;
--color-salmon-tartare-800: #652f3a;
--color-salmon-tartare-900: #472028;
--color-salmon-tartare-950: #2e0f16;
}SCSS
$salmon-tartare: #ff9baa;
$salmon-tartare-rgb: 255, 155, 170;
$salmon-tartare-light: mix(#fff, $salmon-tartare, 20%);
$salmon-tartare-dark: mix(#000, $salmon-tartare, 20%);
.element {
color: $salmon-tartare;
box-shadow: 0 0 0 2px rgba($salmon-tartare, 0.35);
}