Colore con nome più vicino · #FAAC98
#FAAC98
Colore con nome più vicino: No Way Rosé
#FAAC98 (rgb(250 172 152), hsl(12 91% 79%), oklch(0.815 0.097 35)) è più vicino al colore con nome No Way Rosé. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#FAAC98
oklch(0.815 0.097 35)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- FBB4A2
- FCBDAC
- FDC5B7
- FECDC1
- FFD6CB
- FFDED5
- FFE6E0
- FFEFEA
- FFF7F5
Ombre
- D99584
- BA7F70
- 9B695C
- 7D544A
- 614038
- 462D27
- 2D1B17
- 150B08
- 030101
Toni
- EEA896
- E1A394
- D59F91
- C99B8F
- BD968D
- B1928A
- A48E88
- 988985
- 8C8583
Armonie di colore
Complementare +180°
- FAAC98
No Way Rosé
- 72D3E9
≈ Middle Blue
Analogo -30° +30°
- FAAC98
No Way Rosé
- F8A8BA
≈ Fresh on the Market
- EEB67F
≈ Eastern Amber
Triadico +120° +240°
- FAAC98
No Way Rosé
- 8FD5A7
≈ Green Ash
- B0BEFF
≈ Dried Lilac
Complementare divisa +150° +210°
- FAAC98
No Way Rosé
- 72D7CA
≈ Turquoise Twist
- 8CC9FD
≈ Platonic Blue
Tetradico +90° +180° +270°
- FAAC98
No Way Rosé
- B4CE88
≈ Nurgling Green
- 72D3E9
≈ Middle Blue
- D1B3F5
≈ Violet Heaven
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.83:1 · APCA Lc 34
Ag
AAASu nero
WCAG 11.41:1 · APCA Lc 68
Miglior colore del testo: #000000
WCAG 11.41:1 (AAA) · APCA Lc 68
Contrast pairs
Frammenti di codice
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);
}