Nearest named color · #FFA9A3
#FFA9A3
Nearest named color: Apricot Haze
#FFA9A3 (rgb(255 169 163), hsl(4 100% 82%), oklch(0.817 0.103 23.9)) is closest to the named color Apricot Haze. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#FFA9A3
oklch(0.817 0.103 23.9)
Color conversions
- HEX
- #ffa9a3
- RGB
- rgb(255 169 163)
- HSL
- hsl(4 100% 82%)
- HWB
- hwb(4 64% 0%)
- OKLCH
- oklch(0.817 0.103 23.9)
- OKLab
- oklab(0.817 0.094 0.042)
- CIE Lab
- lab(77.82 32.02 16.83)
- LCH
- lch(77.82 36.18 27.7)
- CMYK
- cmyk(0% 34% 36% 0%)
Tints · Shades · Tones
Tints
- FFB2AC
- FFBBB5
- FFC3BE
- FFCCC7
- FFD4D0
- FFDDDA
- FFE5E3
- FFEEEC
- FFF6F6
Shades
- DE928D
- BE7C78
- 9E6763
- 80534F
- 633F3C
- 482C2A
- 2E1B19
- 160A0A
- 030101
Tones
- F2A5A0
- E5A19C
- D99D99
- CC9995
- BF9592
- B3918E
- A68D8B
- 998987
- 8D8484
Color harmonies
Complementary +180°
- FFA9A3
Apricot Haze
- 67D7E2
≈ Aquamarine Blue
Analogous -30° +30°
- FFA9A3
Apricot Haze
- F8A8C8
≈ Rose Mallow
- F8B183
≈ Autumn Mist
Triadic +120° +240°
- FFA9A3
Apricot Haze
- 9AD599
≈ Young Greens
- A5C3FF
≈ Pastel Blue
Split-complementary +150° +210°
- FFA9A3
Apricot Haze
- 75D9BE
≈ Star Grass
- 7CCFFC
≈ Drift on the Sea
Tetradic +90° +180° +270°
- FFA9A3
Apricot Haze
- C2CB7C
≈ Calamansi Green
- 67D7E2
≈ Aquamarine Blue
- C6B7FF
≈ Violet Heaven
Contrast & accessibility
Ag
FailOn white
WCAG 1.83:1 · APCA Lc 34
Ag
AAAOn black
WCAG 11.45:1 · APCA Lc 68
Best text color: #000000
WCAG 11.45:1 (AAA) · APCA Lc 68
Contrast pairs
Code snippets
CSS
:root {
--apricot-haze: #ffa9a3;
--apricot-haze-rgb: 255 169 163;
--apricot-haze-oklch: oklch(0.817 0.103 23.9);
}
.element {
color: var(--apricot-haze);
background-color: hsl(4 100% 82%);
border-color: oklch(0.817 0.103 23.9);
}Tailwind CSS v4
@theme {
--color-apricot-haze: #ffa9a3;
--color-apricot-haze-50: #ffebe6;
--color-apricot-haze-100: #ffdcd6;
--color-apricot-haze-200: #fdc4be;
--color-apricot-haze-300: #e7a39c;
--color-apricot-haze-400: #d48681;
--color-apricot-haze-500: #c16964;
--color-apricot-haze-600: #a35955;
--color-apricot-haze-700: #834744;
--color-apricot-haze-800: #613332;
--color-apricot-haze-900: #442322;
--color-apricot-haze-950: #2c1211;
}SCSS
$apricot-haze: #ffa9a3;
$apricot-haze-rgb: 255, 169, 163;
$apricot-haze-light: mix(#fff, $apricot-haze, 20%);
$apricot-haze-dark: mix(#000, $apricot-haze, 20%);
.element {
color: $apricot-haze;
box-shadow: 0 0 0 2px rgba($apricot-haze, 0.35);
}