En yakın adlandırılmış renk · #FAAC98
#FAAC98
En yakın adlandırılmış renk: No Way Rosé
#FAAC98 (rgb(250 172 152), hsl(12 91% 79%), oklch(0.815 0.097 35)) en çok No Way Rosé adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#FAAC98
oklch(0.815 0.097 35)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FBB4A2
- FCBDAC
- FDC5B7
- FECDC1
- FFD6CB
- FFDED5
- FFE6E0
- FFEFEA
- FFF7F5
Koyu tonlar
- D99584
- BA7F70
- 9B695C
- 7D544A
- 614038
- 462D27
- 2D1B17
- 150B08
- 030101
Gri tonlar
- EEA896
- E1A394
- D59F91
- C99B8F
- BD968D
- B1928A
- A48E88
- 988985
- 8C8583
Renk uyumları
Tamamlayıcı +180°
- FAAC98
No Way Rosé
- 72D3E9
≈ Middle Blue
Analog -30° +30°
- FAAC98
No Way Rosé
- F8A8BA
≈ Fresh on the Market
- EEB67F
≈ Eastern Amber
Üçlü +120° +240°
- FAAC98
No Way Rosé
- 8FD5A7
≈ Green Ash
- B0BEFF
≈ Dried Lilac
Bölünmüş tamamlayıcı +150° +210°
- FAAC98
No Way Rosé
- 72D7CA
≈ Turquoise Twist
- 8CC9FD
≈ Platonic Blue
Dörtlü +90° +180° +270°
- FAAC98
No Way Rosé
- B4CE88
≈ Nurgling Green
- 72D3E9
≈ Middle Blue
- D1B3F5
≈ Violet Heaven
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.83:1 · APCA Lc 34
Ag
AAASiyah üzerinde
WCAG 11.41:1 · APCA Lc 68
En iyi metin rengi: #000000
WCAG 11.41:1 (AAA) · APCA Lc 68
Contrast pairs
Kod parçacıkları
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);
}