أقرب لون مسمّى · #B17073
#B17073
أقرب لون مسمّى: Nipple
#B17073 (rgb(177 112 115)، hsl(357 29% 57%)، oklch(0.615 0.083 16.8)) أقرب إلى اللون المسمّى Nipple. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#B17073
oklch(0.615 0.083 16.8)
تحويلات الألوان
- HEX
- #b17073
- RGB
- rgb(177 112 115)
- HSL
- hsl(357 29% 57%)
- HWB
- hwb(357 44% 31%)
- OKLCH
- oklch(0.615 0.083 16.8)
- OKLab
- oklab(0.615 0.079 0.024)
- CIE Lab
- lab(54.49 26.74 9.69)
- LCH
- lch(54.49 28.44 19.9)
- CMYK
- cmyk(0% 37% 35% 31%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B97E80
- C28C8D
- CA9A9B
- D2A8A9
- DAB6B7
- E1C4C5
- E9D3D3
- F1E1E2
- F8F0F0
درجات داكنة
- 996063
- 835154
- 6C4345
- 573536
- 422728
- 2F1A1B
- 1C0E0F
- 0C0405
- 010101
درجات رمادية
- AD7274
- A87476
- A37677
- 9F7778
- 9A797A
- 957A7B
- 907C7C
- 8B7D7D
- 857F7F
تناسق الألوان
متمم +180°
- B17073
Nipple
- 3D9496
≈ Catalan
متجاور -30° +30°
- B17073
Nipple
- AA708F
≈ Mauve Orchid
- AE7559
≈ Decorous Amber
ثلاثي +120° +240°
- B17073
Nipple
- 6D915F
≈ Wakatake Green
- 6487B6
≈ Perfect Periwinkle
متمم منقسم +150° +210°
- B17073
Nipple
- 4F957A
≈ Good Luck
- 488FAB
≈ Sora Sky
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.86:1 · APCA Lc 66
Ag
AAعلى الأسود
WCAG 5.43:1 · APCA Lc 36
أفضل لون للنص: #000000
WCAG 5.43:1 (AA) · APCA Lc 36
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--nipple: #b17073;
--nipple-rgb: 177 112 115;
--nipple-oklch: oklch(0.615 0.083 16.8);
}
.element {
color: var(--nipple);
background-color: hsl(357 29% 57%);
border-color: oklch(0.615 0.083 16.8);
}Tailwind CSS v4
@theme {
--color-nipple: #b17073;
--color-nipple-50: #ffecec;
--color-nipple-100: #ffdedd;
--color-nipple-200: #f6c7c6;
--color-nipple-300: #dfa7a7;
--color-nipple-400: #cb8b8d;
--color-nipple-500: #b66f73;
--color-nipple-600: #9a5e61;
--color-nipple-700: #7c4b4e;
--color-nipple-800: #5c3639;
--color-nipple-900: #402527;
--color-nipple-950: #291315;
}SCSS
$nipple: #b17073;
$nipple-rgb: 177, 112, 115;
$nipple-light: mix(#fff, $nipple, 20%);
$nipple-dark: mix(#000, $nipple, 20%);
.element {
color: $nipple;
box-shadow: 0 0 0 2px rgba($nipple, 0.35);
}