Adlandırılmış renk · #F1B3B6
Jaguar Rose
Jaguar Rose, #F1B3B6: rgb(241 179 182), hsl(357 69% 82%), oklch(0.825 0.072 15.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Jaguar Rose color name →
#F1B3B6
oklch(0.825 0.072 15.5)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F3BBBD
- F5C2C4
- F6CACB
- F8D1D3
- F9D9DA
- FBE1E1
- FCE8E9
- FDF0F0
- FEF7F8
Koyu tonlar
- D29B9E
- B38486
- 956E6F
- 795859
- 5D4344
- 432F30
- 2B1D1D
- 140C0C
- 030102
Gri tonlar
- E5AEB0
- DAA9AB
- CFA4A5
- C39FA0
- B89A9B
- AD9495
- A18F90
- 968A8B
- 8B8585
Renk uyumları
Tamamlayıcı +180°
- F1B3B6
Jaguar Rose
- 8CD5D5
≈ Mountain Lake Blue
Analog -30° +30°
- F1B3B6
Jaguar Rose
- E9B3D0
≈ Gumball
- EEB89F
≈ Antique Cameo
Üçlü +120° +240°
- F1B3B6
Jaguar Rose
- B1D1A2
≈ Apium
- A7C8F5
≈ Baby Blue Eyes
Bölünmüş tamamlayıcı +150° +210°
- F1B3B6
Jaguar Rose
- 99D5BA
≈ Apple II Blue
- 92D0EA
≈ Light Bright Spark
Dörtlü +90° +180° +270°
- F1B3B6
Jaguar Rose
- CCC992
≈ Creamy Spinaci
- 8CD5D5
≈ Mountain Lake Blue
- C0C0F3
≈ Vodka
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.77:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 11.86:1 · APCA Lc 70
En iyi metin rengi: #000000
WCAG 11.86:1 (AAA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
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);
}