Cor nomeada mais próxima · #FAAC98
#FAAC98
Cor nomeada mais próxima: No Way Rosé
#FAAC98 (rgb(250 172 152), hsl(12 91% 79%), oklch(0.815 0.097 35)) é mais próxima da cor nomeada No Way Rosé. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#FAAC98
oklch(0.815 0.097 35)
Conversões de cor
- HEX
- #faac98
- RGB
- rgb(250 172 152)
- HSL
- hsl(12 91% 79%)
- HWB
- hwb(12 60% 2%)
- OKLCH
- oklch(0.815 0.097 35)
- OKLab
- oklab(0.815 0.079 0.055)
- CIE Lab
- lab(77.73 27.72 22.5)
- LCH
- lch(77.73 35.7 39.1)
- CMYK
- cmyk(0% 31% 39% 2%)
Tons claros · Sombras · Tons
Tons claros
- FBB4A2
- FCBDAC
- FDC5B7
- FECDC1
- FFD6CB
- FFDED5
- FFE6E0
- FFEFEA
- FFF7F5
Sombras
- D99584
- BA7F70
- 9B695C
- 7D544A
- 614038
- 462D27
- 2D1B17
- 150B08
- 030101
Tons
- EEA896
- E1A394
- D59F91
- C99B8F
- BD968D
- B1928A
- A48E88
- 988985
- 8C8583
Harmonias de cor
Complementar +180°
- FAAC98
No Way Rosé
- 72D3E9
≈ Middle Blue
Análoga -30° +30°
- FAAC98
No Way Rosé
- F8A8BA
≈ Fresh on the Market
- EEB67F
≈ Eastern Amber
Tríade +120° +240°
- FAAC98
No Way Rosé
- 8FD5A7
≈ Green Ash
- B0BEFF
≈ Dried Lilac
Complementar dividida +150° +210°
- FAAC98
No Way Rosé
- 72D7CA
≈ Turquoise Twist
- 8CC9FD
≈ Platonic Blue
Tétrade +90° +180° +270°
- FAAC98
No Way Rosé
- B4CE88
≈ Nurgling Green
- 72D3E9
≈ Middle Blue
- D1B3F5
≈ Violet Heaven
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.83:1 · APCA Lc 34
Ag
AAASobre preto
WCAG 11.41:1 · APCA Lc 68
Melhor cor de texto: #000000
WCAG 11.41:1 (AAA) · APCA Lc 68
Contrast pairs
Trechos de código
CSS
:root {
--no-way-rose: #faac98;
--no-way-rose-rgb: 250 172 152;
--no-way-rose-oklch: oklch(0.815 0.097 35);
}
.element {
color: var(--no-way-rose);
background-color: hsl(12 91% 79%);
border-color: oklch(0.815 0.097 35);
}Tailwind CSS v4
@theme {
--color-no-way-rose: #faac98;
--color-no-way-rose-50: #ffece2;
--color-no-way-rose-100: #ffddd1;
--color-no-way-rose-200: #fac7b7;
--color-no-way-rose-300: #e4a695;
--color-no-way-rose-400: #d18a77;
--color-no-way-rose-500: #bd6d59;
--color-no-way-rose-600: #a05d4c;
--color-no-way-rose-700: #804a3d;
--color-no-way-rose-800: #5f352c;
--color-no-way-rose-900: #43241e;
--color-no-way-rose-950: #2b130e;
}SCSS
$no-way-rose: #faac98;
$no-way-rose-rgb: 250, 172, 152;
$no-way-rose-light: mix(#fff, $no-way-rose, 20%);
$no-way-rose-dark: mix(#000, $no-way-rose, 20%);
.element {
color: $no-way-rose;
box-shadow: 0 0 0 2px rgba($no-way-rose, 0.35);
}