Nazwany kolor · #F1B3B6
Jaguar Rose
Jaguar Rose to #F1B3B6: rgb(241 179 182), hsl(357 69% 82%), oklch(0.825 0.072 15.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Jaguar Rose color name →
#F1B3B6
oklch(0.825 0.072 15.5)
Konwersje koloru
- HEX
- #f1b3b6
- RGB
- rgb(241 179 182)
- HSL
- hsl(357 69% 82%)
- HWB
- hwb(357 70% 5%)
- OKLCH
- oklch(0.825 0.072 15.5)
- OKLab
- oklab(0.825 0.07 0.019)
- CIE Lab
- lab(78.88 23.53 7.79)
- LCH
- lch(78.88 24.79 18.3)
- CMYK
- cmyk(0% 26% 24% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F3BBBD
- F5C2C4
- F6CACB
- F8D1D3
- F9D9DA
- FBE1E1
- FCE8E9
- FDF0F0
- FEF7F8
Odcienie ciemniejsze
- D29B9E
- B38486
- 956E6F
- 795859
- 5D4344
- 432F30
- 2B1D1D
- 140C0C
- 030102
Tony
- E5AEB0
- DAA9AB
- CFA4A5
- C39FA0
- B89A9B
- AD9495
- A18F90
- 968A8B
- 8B8585
Harmonie kolorów
Komplementarna +180°
- F1B3B6
Jaguar Rose
- 8CD5D5
≈ Mountain Lake Blue
Analogowa -30° +30°
- F1B3B6
Jaguar Rose
- E9B3D0
≈ Gumball
- EEB89F
≈ Antique Cameo
Triada +120° +240°
- F1B3B6
Jaguar Rose
- B1D1A2
≈ Apium
- A7C8F5
≈ Baby Blue Eyes
Komplementarna rozszczepiona +150° +210°
- F1B3B6
Jaguar Rose
- 99D5BA
≈ Apple II Blue
- 92D0EA
≈ Light Bright Spark
Tetrada +90° +180° +270°
- F1B3B6
Jaguar Rose
- CCC992
≈ Creamy Spinaci
- 8CD5D5
≈ Mountain Lake Blue
- C0C0F3
≈ Vodka
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.77:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 11.86:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.86:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--jaguar-rose: #f1b3b6;
--jaguar-rose-rgb: 241 179 182;
--jaguar-rose-oklch: oklch(0.825 0.072 15.5);
}
.element {
color: var(--jaguar-rose);
background-color: hsl(357 69% 82%);
border-color: oklch(0.825 0.072 15.5);
}Tailwind CSS v4
@theme {
--color-jaguar-rose: #f1b3b6;
--color-jaguar-rose-50: #ffeded;
--color-jaguar-rose-100: #ffdfdf;
--color-jaguar-rose-200: #f2c8c9;
--color-jaguar-rose-300: #daa9aa;
--color-jaguar-rose-400: #c68d90;
--color-jaguar-rose-500: #b17276;
--color-jaguar-rose-600: #966164;
--color-jaguar-rose-700: #784d50;
--color-jaguar-rose-800: #59383b;
--color-jaguar-rose-900: #3e2628;
--color-jaguar-rose-950: #271416;
}SCSS
$jaguar-rose: #f1b3b6;
$jaguar-rose-rgb: 241, 179, 182;
$jaguar-rose-light: mix(#fff, $jaguar-rose, 20%);
$jaguar-rose-dark: mix(#000, $jaguar-rose, 20%);
.element {
color: $jaguar-rose;
box-shadow: 0 0 0 2px rgba($jaguar-rose, 0.35);
}