لون مسمّى · #9F4E3E
Boynton Canyon
Boynton Canyon هو #9F4E3E: rgb(159 78 62)، hsl(10 44% 43%)، oklch(0.521 0.111 32.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Boynton Canyon color name →
#9F4E3E
oklch(0.521 0.111 32.5)
تحويلات الألوان
- HEX
- #9f4e3e
- RGB
- rgb(159 78 62)
- HSL
- hsl(10 44% 43%)
- HWB
- hwb(10 24% 38%)
- OKLCH
- oklch(0.521 0.111 32.5)
- OKLab
- oklab(0.521 0.094 0.06)
- CIE Lab
- lab(43.46 33.34 25.77)
- LCH
- lch(43.46 42.14 37.7)
- CMYK
- cmyk(0% 51% 61% 38%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- AA5F50
- B47163
- BF8275
- C89388
- D2A59B
- DCB7AE
- E5C8C2
- EEDAD6
- F7EDEA
درجات داكنة
- 8A4335
- 75382B
- 612D23
- 4D231A
- 3B1912
- 290F0A
- 180704
- 090201
- 010000
درجات رمادية
- 9D5445
- 9B594C
- 985F53
- 956459
- 926960
- 8F6E66
- 8C726D
- 887773
- 847C7A
تناسق الألوان
متمم +180°
- 9F4E3E
Boynton Canyon
- 007688
≈ Glamour Green
متجاور -30° +30°
- 9F4E3E
Boynton Canyon
- 9C4B63
≈ Baby Berries
- 965813
≈ Sepia Wash
ثلاثي +120° +240°
- 9F4E3E
Boynton Canyon
- 2B7B49
≈ Salem
- 5463A9
≈ Submarine Base
متمم منقسم +150° +210°
- 9F4E3E
Boynton Canyon
- 007A6E
≈ Pond Moss
- 1E6FA4
≈ Deep Water
رباعي +90° +180° +270°
- 9F4E3E
Boynton Canyon
- 5E731E
≈ Fern Frond
- 007688
≈ Glamour Green
- 76589E
≈ Sumire Violet
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.77:1 · APCA Lc 78
Ag
Failعلى الأسود
WCAG 3.63:1 · APCA Lc 23
أفضل لون للنص: #FFFFFF
WCAG 5.77:1 (AA) · APCA Lc 78
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--boynton-canyon: #9f4e3e;
--boynton-canyon-rgb: 159 78 62;
--boynton-canyon-oklch: oklch(0.521 0.111 32.5);
}
.element {
color: var(--boynton-canyon);
background-color: hsl(10 44% 43%);
border-color: oklch(0.521 0.111 32.5);
}Tailwind CSS v4
@theme {
--color-boynton-canyon: #9f4e3e;
--color-boynton-canyon-50: #ffebe0;
--color-boynton-canyon-100: #ffdbcf;
--color-boynton-canyon-200: #ffc4b5;
--color-boynton-canyon-300: #eaa391;
--color-boynton-canyon-400: #d88574;
--color-boynton-canyon-500: #c56855;
--color-boynton-canyon-600: #a65849;
--color-boynton-canyon-700: #85463a;
--color-boynton-canyon-800: #63322a;
--color-boynton-canyon-900: #46221c;
--color-boynton-canyon-950: #2d110d;
}SCSS
$boynton-canyon: #9f4e3e;
$boynton-canyon-rgb: 159, 78, 62;
$boynton-canyon-light: mix(#fff, $boynton-canyon, 20%);
$boynton-canyon-dark: mix(#000, $boynton-canyon, 20%);
.element {
color: $boynton-canyon;
box-shadow: 0 0 0 2px rgba($boynton-canyon, 0.35);
}