Nazwany kolor · #FBAA95
No Way Rosé
No Way Rosé to #FBAA95: rgb(251 170 149), hsl(12 93% 78%), oklch(0.812 0.101 35.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · No Way Rosé color name →
#FBAA95
oklch(0.812 0.101 35.2)
Konwersje koloru
- HEX
- #fbaa95
- RGB
- rgb(251 170 149)
- HSL
- hsl(12 93% 78%)
- HWB
- hwb(12 58% 2%)
- OKLCH
- oklch(0.812 0.101 35.2)
- OKLab
- oklab(0.812 0.082 0.058)
- CIE Lab
- lab(77.34 28.86 23.61)
- LCH
- lch(77.34 37.29 39.3)
- CMYK
- cmyk(0% 32% 41% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FCB3A0
- FDBBAA
- FEC4B5
- FFCCBF
- FFD5CA
- FFDDD4
- FFE6DF
- FFEEEA
- FFF7F4
Odcienie ciemniejsze
- DA9381
- BA7D6D
- 9C685A
- 7E5348
- 613F37
- 462D26
- 2D1B16
- 150B08
- 030101
Tony
- EFA693
- E2A291
- D69E8F
- CA9A8D
- BD968B
- B19189
- A58D87
- 998985
- 8C8482
Harmonie kolorów
Komplementarna +180°
- FBAA95
No Way Rosé
- 6CD2EA
≈ Summer Splash
Analogowa -30° +30°
- FBAA95
No Way Rosé
- F9A6B8
≈ Petal Power
- EFB47A
≈ Surprise Amber
Triada +120° +240°
- FBAA95
No Way Rosé
- 8BD5A5
≈ Green Ash
- AFBDFF
≈ Dried Lilac
Komplementarna rozszczepiona +150° +210°
- FBAA95
No Way Rosé
- 6CD7CA
≈ Turquoise Twist
- 89C8FF
≈ Chromis Damsel Blue
Tetrada +90° +180° +270°
- FBAA95
No Way Rosé
- B2CD85
≈ Nurgling Green
- 6CD2EA
≈ Summer Splash
- D1B1F6
≈ Teasel Dipsacus
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.86:1 · APCA Lc 35
Ag
AAANa czerni
WCAG 11.28:1 · APCA Lc 68
Najlepszy kolor tekstu: #000000
WCAG 11.28:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmenty kodu
CSS
:root {
--no-way-rose: #fbaa95;
--no-way-rose-rgb: 251 170 149;
--no-way-rose-oklch: oklch(0.812 0.101 35.2);
}
.element {
color: var(--no-way-rose);
background-color: hsl(12 93% 78%);
border-color: oklch(0.812 0.101 35.2);
}Tailwind CSS v4
@theme {
--color-no-way-rose: #fbaa95;
--color-no-way-rose-50: #ffece1;
--color-no-way-rose-100: #ffddd0;
--color-no-way-rose-200: #fcc6b6;
--color-no-way-rose-300: #e5a693;
--color-no-way-rose-400: #d38976;
--color-no-way-rose-500: #bf6c57;
--color-no-way-rose-600: #a15c4a;
--color-no-way-rose-700: #82493b;
--color-no-way-rose-800: #60352b;
--color-no-way-rose-900: #44241d;
--color-no-way-rose-950: #2b120d;
}SCSS
$no-way-rose: #fbaa95;
$no-way-rose-rgb: 251, 170, 149;
$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);
}