Color con nombre más cercano · #F9AB9F
#F9AB9F
Color con nombre más cercano: Peach Bud
#F9AB9F (rgb(249 171 159), hsl(8 88% 80%), oklch(0.813 0.094 29)) se parece más al color con nombre Peach Bud. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#F9AB9F
oklch(0.813 0.094 29)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- FAB4A8
- FCBCB2
- FDC4BB
- FDCDC5
- FED5CE
- FFDED8
- FFE6E2
- FFEEEB
- FFF7F5
Sombras
- D9948A
- B97E75
- 9A6861
- 7D544D
- 61403B
- 462D29
- 2C1B18
- 150B09
- 030101
Tonos
- EDA79C
- E1A399
- D49E96
- C89A93
- BC9690
- B0928D
- A48D8A
- 988986
- 8C8483
Armonías de color
Complementario +180°
- F9AB9F
Peach Bud
- 72D3E3
≈ Middle Blue
Análogo -30° +30°
- F9AB9F
Peach Bud
- F5A9C1
≈ Pink Flutter
- F0B384
≈ Smoked Ham
Triádico +120° +240°
- F9AB9F
Peach Bud
- 97D3A1
≈ Sunlit Glade
- A9C0FF
≈ Pastel Blue
Complementario dividido +150° +210°
- F9AB9F
Peach Bud
- 79D6C3
≈ Green Parakeet
- 87CBF8
≈ Drift on the Sea
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.84:1 · APCA Lc 35
Ag
AAASobre negro
WCAG 11.35:1 · APCA Lc 68
Mejor color de texto: #000000
WCAG 11.35:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmentos de código
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);
}