لون مسمّى · #BFA77F
Taos Taupe
Taos Taupe هو #BFA77F: rgb(191 167 127)، hsl(38 33% 62%)، oklch(0.739 0.061 80.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Taos Taupe color name →
#BFA77F
oklch(0.739 0.061 80.2)
تحويلات الألوان
- HEX
- #bfa77f
- RGB
- rgb(191 167 127)
- HSL
- hsl(38 33% 62%)
- HWB
- hwb(38 50% 25%)
- OKLCH
- oklch(0.739 0.061 80.2)
- OKLab
- oklab(0.739 0.01 0.06)
- CIE Lab
- lab(69.88 4.69 24.14)
- LCH
- lch(69.88 24.59 79)
- CMYK
- cmyk(0% 13% 34% 25%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C5B08C
- CCB898
- D2C1A5
- D8CAB1
- DFD2BE
- E5DBCB
- ECE4D8
- F2EDE5
- F9F6F2
درجات داكنة
- A6916E
- 8D7B5D
- 75664C
- 5E523C
- 483E2D
- 332C1F
- 1F1A11
- 0D0A06
- 020101
درجات رمادية
- B9A37F
- B29F80
- AC9B80
- A59780
- 9F9380
- 999080
- 938C80
- 8C8880
- 868480
تناسق الألوان
متمم +180°
- BFA77F
Taos Taupe
- 95ACD2
≈ Lazy Day
متجاور -30° +30°
- BFA77F
Taos Taupe
- CBA088
≈ Peanut Butter Crust
- ACAF82
≈ Wall Green
ثلاثي +120° +240°
- BFA77F
Taos Taupe
- 7CB7BA
≈ Aqua Blue
- BC9FC3
≈ Lupine
متمم منقسم +150° +210°
- BFA77F
Taos Taupe
- 83B2CA
≈ Batch Blue
- AAA5CF
≈ Milky Lavender
رباعي +90° +180° +270°
- BFA77F
Taos Taupe
- 84B8A5
≈ Indian Ocean
- 95ACD2
≈ Lazy Day
- C99BB0
≈ Lady’s Cushions Pink
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.32:1 · APCA Lc 46
Ag
AAAعلى الأسود
WCAG 9.04:1 · APCA Lc 56
أفضل لون للنص: #000000
WCAG 9.04:1 (AAA) · APCA Lc 56
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--taos-taupe: #bfa77f;
--taos-taupe-rgb: 191 167 127;
--taos-taupe-oklch: oklch(0.739 0.061 80.2);
}
.element {
color: var(--taos-taupe);
background-color: hsl(38 33% 62%);
border-color: oklch(0.739 0.061 80.2);
}Tailwind CSS v4
@theme {
--color-taos-taupe: #bfa77f;
--color-taos-taupe-50: #fef4e2;
--color-taos-taupe-100: #f2e6d2;
--color-taos-taupe-200: #e1d2b7;
--color-taos-taupe-300: #c7b594;
--color-taos-taupe-400: #b19b76;
--color-taos-taupe-500: #9b8257;
--color-taos-taupe-600: #836e4a;
--color-taos-taupe-700: #69583b;
--color-taos-taupe-800: #4e402a;
--color-taos-taupe-900: #362c1c;
--color-taos-taupe-950: #21190c;
}SCSS
$taos-taupe: #bfa77f;
$taos-taupe-rgb: 191, 167, 127;
$taos-taupe-light: mix(#fff, $taos-taupe, 20%);
$taos-taupe-dark: mix(#000, $taos-taupe, 20%);
.element {
color: $taos-taupe;
box-shadow: 0 0 0 2px rgba($taos-taupe, 0.35);
}