Nearest named color · #F9AB9F
#F9AB9F
Nearest named color: Peach Bud
#F9AB9F (rgb(249 171 159), hsl(8 88% 80%), oklch(0.813 0.094 29)) is closest to the named color Peach Bud. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#F9AB9F
oklch(0.813 0.094 29)
Color conversions
- HEX
- #f9ab9f
- RGB
- rgb(249 171 159)
- HSL
- hsl(8 88% 80%)
- HWB
- hwb(8 62% 2%)
- OKLCH
- oklch(0.813 0.094 29)
- OKLab
- oklab(0.813 0.082 0.046)
- CIE Lab
- lab(77.5 28.41 18.42)
- LCH
- lch(77.5 33.86 33)
- CMYK
- cmyk(0% 31% 36% 2%)
Tints · Shades · Tones
Tints
- FAB4A8
- FCBCB2
- FDC4BB
- FDCDC5
- FED5CE
- FFDED8
- FFE6E2
- FFEEEB
- FFF7F5
Shades
- D9948A
- B97E75
- 9A6861
- 7D544D
- 61403B
- 462D29
- 2C1B18
- 150B09
- 030101
Tones
- EDA79C
- E1A399
- D49E96
- C89A93
- BC9690
- B0928D
- A48D8A
- 988986
- 8C8483
Color harmonies
Complementary +180°
- F9AB9F
Peach Bud
- 72D3E3
≈ Middle Blue
Analogous -30° +30°
- F9AB9F
Peach Bud
- F5A9C1
≈ Pink Flutter
- F0B384
≈ Smoked Ham
Triadic +120° +240°
- F9AB9F
Peach Bud
- 97D3A1
≈ Sunlit Glade
- A9C0FF
≈ Pastel Blue
Split-complementary +150° +210°
- F9AB9F
Peach Bud
- 79D6C3
≈ Green Parakeet
- 87CBF8
≈ Drift on the Sea
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.84:1 · APCA Lc 35
Ag
AAAOn black
WCAG 11.35:1 · APCA Lc 68
Best text color: #000000
WCAG 11.35:1 (AAA) · APCA Lc 68
Contrast pairs
Code snippets
CSS
:root {
--peach-bud: #f9ab9f;
--peach-bud-rgb: 249 171 159;
--peach-bud-oklch: oklch(0.813 0.094 29);
}
.element {
color: var(--peach-bud);
background-color: hsl(8 88% 80%);
border-color: oklch(0.813 0.094 29);
}Tailwind CSS v4
@theme {
--color-peach-bud: #f9ab9f;
--color-peach-bud-50: #ffece5;
--color-peach-bud-100: #ffddd5;
--color-peach-bud-200: #fac6bc;
--color-peach-bud-300: #e4a69a;
--color-peach-bud-400: #d0897e;
--color-peach-bud-500: #bc6d62;
--color-peach-bud-600: #9f5c53;
--color-peach-bud-700: #804a42;
--color-peach-bud-800: #5f3530;
--color-peach-bud-900: #432421;
--color-peach-bud-950: #2b1310;
}SCSS
$peach-bud: #f9ab9f;
$peach-bud-rgb: 249, 171, 159;
$peach-bud-light: mix(#fff, $peach-bud, 20%);
$peach-bud-dark: mix(#000, $peach-bud, 20%);
.element {
color: $peach-bud;
box-shadow: 0 0 0 2px rgba($peach-bud, 0.35);
}