لون مسمّى · #6F514C
Susu-Take Bamboo
Susu-Take Bamboo هو #6F514C: rgb(111 81 76)، hsl(9 19% 37%)، oklch(0.465 0.041 29.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Susu-Take Bamboo color name →
#6F514C
oklch(0.465 0.041 29.4)
تحويلات الألوان
- HEX
- #6f514c
- RGB
- rgb(111 81 76)
- HSL
- hsl(9 19% 37%)
- HWB
- hwb(9 30% 56%)
- OKLCH
- oklch(0.465 0.041 29.4)
- OKLab
- oklab(0.465 0.036 0.02)
- CIE Lab
- lab(37.61 12.38 8.13)
- LCH
- lch(37.61 14.81 33.3)
- CMYK
- cmyk(0% 27% 32% 56%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 7D615C
- 8B716D
- 99827E
- A7938F
- B5A4A1
- C4B6B3
- D2C8C6
- E1DAD8
- F0ECEC
درجات داكنة
- 604541
- 513A36
- 422F2C
- 342422
- 271A18
- 1A100F
- 0E0706
- 040202
- 010000
درجات رمادية
- 715651
- 735A56
- 755F5B
- 766460
- 786866
- 7A6D6B
- 7B7270
- 7D7675
- 7F7B7B
تناسق الألوان
متمم +180°
- 6F514C
Susu-Take Bamboo
- 3D6066
≈ Deep Sea Dive
متجاور -30° +30°
- 6F514C
Susu-Take Bamboo
- 6D5059
≈ Night Romance
- 6B5442
≈ Moose Trail
ثلاثي +120° +240°
- 6F514C
Susu-Take Bamboo
- 49604D
≈ Vine Leaf
- 505971
≈ Nightshade Purple
متمم منقسم +150° +210°
- 6F514C
Susu-Take Bamboo
- 3F615A
≈ Emerson
- 445D6F
≈ Infinite Deep Sea
رباعي +90° +180° +270°
- 6F514C
Susu-Take Bamboo
- 575D43
≈ Cypress
- 3D6066
≈ Deep Sea Dive
- 5D556E
≈ Arraign
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 7.10:1 · APCA Lc 85
Ag
Failعلى الأسود
WCAG 2.95:1 · APCA Lc 17
أفضل لون للنص: #FFFFFF
WCAG 7.10:1 (AAA) · APCA Lc 85
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--susu-take-bamboo: #6f514c;
--susu-take-bamboo-rgb: 111 81 76;
--susu-take-bamboo-oklch: oklch(0.465 0.041 29.4);
}
.element {
color: var(--susu-take-bamboo);
background-color: hsl(9 19% 37%);
border-color: oklch(0.465 0.041 29.4);
}Tailwind CSS v4
@theme {
--color-susu-take-bamboo: #6f514c;
--color-susu-take-bamboo-50: #fff1ee;
--color-susu-take-bamboo-100: #f5e3df;
--color-susu-take-bamboo-200: #e5cec9;
--color-susu-take-bamboo-300: #ccb0ab;
--color-susu-take-bamboo-400: #b69690;
--color-susu-take-bamboo-500: #a07c76;
--color-susu-take-bamboo-600: #876964;
--color-susu-take-bamboo-700: #6c5450;
--color-susu-take-bamboo-800: #503d3b;
--color-susu-take-bamboo-900: #382a28;
--color-susu-take-bamboo-950: #221816;
}SCSS
$susu-take-bamboo: #6f514c;
$susu-take-bamboo-rgb: 111, 81, 76;
$susu-take-bamboo-light: mix(#fff, $susu-take-bamboo, 20%);
$susu-take-bamboo-dark: mix(#000, $susu-take-bamboo, 20%);
.element {
color: $susu-take-bamboo;
box-shadow: 0 0 0 2px rgba($susu-take-bamboo, 0.35);
}