Color con nombre · #F8AC8C
October Haze
October Haze es #F8AC8C: rgb(248 172 140), hsl(18 89% 76%), oklch(0.81 0.1 43.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Pink mean? → · October Haze color name →
#F8AC8C
oklch(0.81 0.1 43.7)
Conversiones de color
- HEX
- #f8ac8c
- RGB
- rgb(248 172 140)
- HSL
- hsl(18 89% 76%)
- HWB
- hwb(18 55% 3%)
- OKLCH
- oklch(0.81 0.1 43.7)
- OKLab
- oklab(0.81 0.072 0.069)
- CIE Lab
- lab(77.31 26.02 28.29)
- LCH
- lch(77.31 38.44 47.4)
- CMYK
- cmyk(0% 31% 44% 3%)
Tintes · Sombras · Tonos
Tintes
- F9B498
- FBBDA3
- FCC5AF
- FDCEBA
- FED6C5
- FEDED1
- FFE6DC
- FFEFE8
- FFF7F3
Sombras
- D89579
- B87F67
- 9A6955
- 7C5443
- 604033
- 452D23
- 2C1B14
- 150B07
- 030101
Tonos
- ECA88B
- E0A48A
- D49F89
- C89B88
- BC9787
- B09286
- A48E85
- 988983
- 8C8582
Armonías de color
Complementario +180°
- F8AC8C
October Haze
- 72CFF1
≈ Heisenberg Blue
Análogo -30° +30°
- F8AC8C
October Haze
- FAA6AE
≈ Simple Pink
- E8B776
≈ Paloma Tan
Triádico +120° +240°
- F8AC8C
October Haze
- 80D6AF
≈ Tadorna Teal
- B8B9FF
≈ Greyish Lavender
Complementario dividido +150° +210°
- F8AC8C
October Haze
- 69D5D3
≈ Hidden Sea Glass
- 94C5FF
≈ Clear Sky
Tetrádico +90° +180° +270°
- F8AC8C
October Haze
- A7CF8D
≈ Pistachio Dream
- 72CFF1
≈ Heisenberg Blue
- D8AEEF
≈ Petal Plush
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.86:1 · APCA Lc 35
Ag
AAASobre negro
WCAG 11.27:1 · APCA Lc 68
Mejor color de texto: #000000
WCAG 11.27:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmentos de código
CSS
:root {
--october-haze: #f8ac8c;
--october-haze-rgb: 248 172 140;
--october-haze-oklch: oklch(0.81 0.1 43.7);
}
.element {
color: var(--october-haze);
background-color: hsl(18 89% 76%);
border-color: oklch(0.81 0.1 43.7);
}Tailwind CSS v4
@theme {
--color-october-haze: #f8ac8c;
--color-october-haze-50: #ffedde;
--color-october-haze-100: #ffdecd;
--color-october-haze-200: #fac8b1;
--color-october-haze-300: #e3a88d;
--color-october-haze-400: #d08b6e;
--color-october-haze-500: #bd6f4d;
--color-october-haze-600: #9f5e42;
--color-october-haze-700: #804b34;
--color-october-haze-800: #5f3626;
--color-october-haze-900: #432519;
--color-october-haze-950: #2b130a;
}SCSS
$october-haze: #f8ac8c;
$october-haze-rgb: 248, 172, 140;
$october-haze-light: mix(#fff, $october-haze, 20%);
$october-haze-dark: mix(#000, $october-haze, 20%);
.element {
color: $october-haze;
box-shadow: 0 0 0 2px rgba($october-haze, 0.35);
}