En yakın adlandırılmış renk · #FFB3B6
#FFB3B6
En yakın adlandırılmış renk: Young Salmon
#FFB3B6 (rgb(255 179 182), hsl(358 100% 85%), oklch(0.839 0.089 16.5)) en çok Young Salmon 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.
#FFB3B6
oklch(0.839 0.089 16.5)
Renk dönüşümleri
- HEX
- #ffb3b6
- RGB
- rgb(255 179 182)
- HSL
- hsl(358 100% 85%)
- HWB
- hwb(358 70% 0%)
- OKLCH
- oklch(0.839 0.089 16.5)
- OKLab
- oklab(0.839 0.085 0.025)
- CIE Lab
- lab(80.4 28.77 10.19)
- LCH
- lch(80.4 30.52 19.5)
- CMYK
- cmyk(0% 30% 29% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFBBBD
- FFC2C4
- FFCACC
- FFD2D3
- FFD9DA
- FFE1E1
- FFE8E9
- FFF0F0
- FFF7F8
Koyu tonlar
- DE9B9E
- BE8486
- 9E6E6F
- 805859
- 634344
- 482F30
- 2E1D1D
- 160C0C
- 030102
Gri tonlar
- F2AEB0
- E5A9AB
- D8A4A6
- CC9FA0
- BF9A9B
- B29595
- A68F90
- 998A8B
- 8D8585
Renk uyumları
Tamamlayıcı +180°
- FFB3B6
Young Salmon
- 7FDDDE
≈ Cold Blue
Analog -30° +30°
- FFB3B6
Young Salmon
- F6B3D6
≈ Lavender Candy
- FCB999
≈ Pallid Orange
Üçlü +120° +240°
- FFB3B6
Young Salmon
- B0D89F
≈ Witty Green
- A9CDFF
≈ Night Snow
Bölünmüş tamamlayıcı +150° +210°
- FFB3B6
Young Salmon
- 90DDBE
≈ Green Jewel
- 89D7F7
≈ Kul Sharif Blue
Dörtlü +90° +180° +270°
- FFB3B6
Young Salmon
- D1CF8A
≈ Sunken Treasure
- 7FDDDE
≈ Cold Blue
- C5C3FF
≈ Light Periwinkle
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.69:1 · APCA Lc 30
Ag
AAASiyah üzerinde
WCAG 12.37:1 · APCA Lc 73
En iyi metin rengi: #000000
WCAG 12.37:1 (AAA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--young-salmon: #ffb3b6;
--young-salmon-rgb: 255 179 182;
--young-salmon-oklch: oklch(0.839 0.089 16.5);
}
.element {
color: var(--young-salmon);
background-color: hsl(358 100% 85%);
border-color: oklch(0.839 0.089 16.5);
}Tailwind CSS v4
@theme {
--color-young-salmon: #ffb3b6;
--color-young-salmon-50: #ffeceb;
--color-young-salmon-100: #ffdddc;
--color-young-salmon-200: #f8c6c6;
--color-young-salmon-300: #e1a6a6;
--color-young-salmon-400: #ce898c;
--color-young-salmon-500: #ba6d71;
--color-young-salmon-600: #9d5c60;
--color-young-salmon-700: #7e4a4d;
--color-young-salmon-800: #5d3539;
--color-young-salmon-900: #412427;
--color-young-salmon-950: #2a1315;
}SCSS
$young-salmon: #ffb3b6;
$young-salmon-rgb: 255, 179, 182;
$young-salmon-light: mix(#fff, $young-salmon, 20%);
$young-salmon-dark: mix(#000, $young-salmon, 20%);
.element {
color: $young-salmon;
box-shadow: 0 0 0 2px rgba($young-salmon, 0.35);
}