En yakın adlandırılmış renk · #FFB4B7
#FFB4B7
En yakın adlandırılmış renk: Young Salmon
#FFB4B7 (rgb(255 180 183), hsl(358 100% 85%), oklch(0.841 0.088 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.
#FFB4B7
oklch(0.841 0.088 16.5)
Renk dönüşümleri
- HEX
- #ffb4b7
- RGB
- rgb(255 180 183)
- HSL
- hsl(358 100% 85%)
- HWB
- hwb(358 71% 0%)
- OKLCH
- oklch(0.841 0.088 16.5)
- OKLab
- oklab(0.841 0.084 0.025)
- CIE Lab
- lab(80.65 28.37 10)
- LCH
- lch(80.65 30.08 19.4)
- CMYK
- cmyk(0% 29% 28% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFBCBE
- FFC3C5
- FFCBCC
- FFD2D3
- FFDADB
- FFE1E2
- FFE9E9
- FFF0F0
- FFF8F8
Koyu tonlar
- DE9C9F
- BE8587
- 9E6E70
- 80585A
- 634445
- 483031
- 2E1D1E
- 160C0C
- 030202
Gri tonlar
- F2AFB1
- E5AAAC
- D8A5A6
- CC9FA1
- BF9A9B
- B29596
- A69090
- 998B8B
- 8D8585
Renk uyumları
Tamamlayıcı +180°
- FFB4B7
Young Salmon
- 82DDDE
≈ Cold Blue
Analog -30° +30°
- FFB4B7
Young Salmon
- F6B4D7
≈ Lavender Candy
- FCBA9A
≈ Pallid Orange
Üçlü +120° +240°
- FFB4B7
Young Salmon
- B1D9A0
≈ Witty Green
- AACEFF
≈ Night Snow
Bölünmüş tamamlayıcı +150° +210°
- FFB4B7
Young Salmon
- 92DEBE
≈ Birthday King
- 8BD7F7
≈ Kul Sharif Blue
Dörtlü +90° +180° +270°
- FFB4B7
Young Salmon
- D2CF8C
≈ Lemon Fennel
- 82DDDE
≈ Cold Blue
- C6C4FF
≈ Light Periwinkle
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.68:1 · APCA Lc 30
Ag
AAASiyah üzerinde
WCAG 12.46:1 · APCA Lc 73
En iyi metin rengi: #000000
WCAG 12.46:1 (AAA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--young-salmon: #ffb4b7;
--young-salmon-rgb: 255 180 183;
--young-salmon-oklch: oklch(0.841 0.088 16.5);
}
.element {
color: var(--young-salmon);
background-color: hsl(358 100% 85%);
border-color: oklch(0.841 0.088 16.5);
}Tailwind CSS v4
@theme {
--color-young-salmon: #ffb4b7;
--color-young-salmon-50: #ffeceb;
--color-young-salmon-100: #ffdddd;
--color-young-salmon-200: #f8c6c6;
--color-young-salmon-300: #e1a6a6;
--color-young-salmon-400: #cd898c;
--color-young-salmon-500: #b96d72;
--color-young-salmon-600: #9c5d60;
--color-young-salmon-700: #7d4a4d;
--color-young-salmon-800: #5d3539;
--color-young-salmon-900: #412427;
--color-young-salmon-950: #291315;
}SCSS
$young-salmon: #ffb4b7;
$young-salmon-rgb: 255, 180, 183;
$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);
}