Nearest named color · #FFAA94
#FFAA94
Nearest named color: Frozen Salmon
#FFAA94 (rgb(255 170 148), hsl(12 100% 79%), oklch(0.816 0.106 35.2)) is closest to the named color Frozen Salmon. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#FFAA94
oklch(0.816 0.106 35.2)
Color conversions
- HEX
- #ffaa94
- RGB
- rgb(255 170 148)
- HSL
- hsl(12 100% 79%)
- HWB
- hwb(12 58% 0%)
- OKLCH
- oklch(0.816 0.106 35.2)
- OKLab
- oklab(0.816 0.086 0.061)
- CIE Lab
- lab(77.79 30.32 24.85)
- LCH
- lch(77.79 39.2 39.3)
- CMYK
- cmyk(0% 33% 42% 0%)
Tints · Shades · Tones
Tints
- FFB39F
- FFBBA9
- FFC4B4
- FFCCBF
- FFD5C9
- FFDDD4
- FFE6DF
- FFEEE9
- FFF7F4
Shades
- DE9380
- BE7D6D
- 9E685A
- 805348
- 633F36
- 482D26
- 2E1B16
- 160B08
- 030101
Tones
- F2A692
- E5A290
- D99E8F
- CC9A8D
- BF968B
- B39189
- A68D87
- 998984
- 8D8482
Color harmonies
Complementary +180°
- FFAA94
Frozen Salmon
- 67D4EE
≈ Middle Blue
Analogous -30° +30°
- FFAA94
Frozen Salmon
- FDA6B9
≈ Amélie’s Tutu
- F2B578
≈ Surprise Amber
Triadic +120° +240°
- FFAA94
Frozen Salmon
- 89D7A5
≈ Patrice
- B1BEFF
≈ Dried Lilac
Split-complementary +150° +210°
- FFAA94
Frozen Salmon
- 68D9CC
≈ Hammam Blue
- 8BCAFF
≈ Platonic Blue
Tetradic +90° +180° +270°
- FFAA94
Frozen Salmon
- B3CF82
≈ Nurgling Green
- 67D4EE
≈ Middle Blue
- D3B1FA
≈ Light Violet
Contrast & accessibility
Ag
FailOn white
WCAG 1.83:1 · APCA Lc 34
Ag
AAAOn black
WCAG 11.42:1 · APCA Lc 68
Best text color: #000000
WCAG 11.42:1 (AAA) · APCA Lc 68
Contrast pairs
Code snippets
CSS
:root {
--frozen-salmon: #ffaa94;
--frozen-salmon-rgb: 255 170 148;
--frozen-salmon-oklch: oklch(0.816 0.106 35.2);
}
.element {
color: var(--frozen-salmon);
background-color: hsl(12 100% 79%);
border-color: oklch(0.816 0.106 35.2);
}Tailwind CSS v4
@theme {
--color-frozen-salmon: #ffaa94;
--color-frozen-salmon-50: #ffebe0;
--color-frozen-salmon-100: #ffdccf;
--color-frozen-salmon-200: #fdc5b5;
--color-frozen-salmon-300: #e8a591;
--color-frozen-salmon-400: #d58773;
--color-frozen-salmon-500: #c16a54;
--color-frozen-salmon-600: #a35a48;
--color-frozen-salmon-700: #834839;
--color-frozen-salmon-800: #62342a;
--color-frozen-salmon-900: #45231c;
--color-frozen-salmon-950: #2c120c;
}SCSS
$frozen-salmon: #ffaa94;
$frozen-salmon-rgb: 255, 170, 148;
$frozen-salmon-light: mix(#fff, $frozen-salmon, 20%);
$frozen-salmon-dark: mix(#000, $frozen-salmon, 20%);
.element {
color: $frozen-salmon;
box-shadow: 0 0 0 2px rgba($frozen-salmon, 0.35);
}