لون مسمّى · #C7AB90
Uncommon Coir
Uncommon Coir هو #C7AB90: rgb(199 171 144)، hsl(29 33% 67%)، oklch(0.759 0.05 65.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Uncommon Coir color name →
#C7AB90
oklch(0.759 0.05 65.9)
تحويلات الألوان
- HEX
- #c7ab90
- RGB
- rgb(199 171 144)
- HSL
- hsl(29 33% 67%)
- HWB
- hwb(29 56% 22%)
- OKLCH
- oklch(0.759 0.05 65.9)
- OKLab
- oklab(0.759 0.02 0.045)
- CIE Lab
- lab(71.96 7.5 17.92)
- LCH
- lch(71.96 19.43 67.3)
- CMYK
- cmyk(0% 14% 28% 22%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- CDB39B
- D2BBA6
- D8C4B1
- DDCCBC
- E3D4C7
- E9DDD2
- EEE5DD
- F4EEE8
- F9F6F4
درجات داكنة
- AD947D
- 937E6A
- 7A6857
- 625445
- 4C4034
- 362D24
- 211B15
- 0E0B07
- 020101
درجات رمادية
- C0A78F
- B9A28D
- B19E8C
- AA9A8A
- A39588
- 9C9187
- 958D85
- 8E8983
- 878482
تناسق الألوان
متمم +180°
- C7AB90
Uncommon Coir
- 98B4CF
≈ Sea Mark
متجاور -30° +30°
- C7AB90
Uncommon Coir
- CEA69B
≈ Eunry
- BAB18E
≈ Wasabi Powder
ثلاثي +120° +240°
- C7AB90
Uncommon Coir
- 8DBBB5
≈ Morning Green
- B8A9CA
≈ Jacey’s Favourite
متمم منقسم +150° +210°
- C7AB90
Uncommon Coir
- 8DB9C5
≈ Trisha’s Eyes
- A8AFD1
≈ Lavender Wash
رباعي +90° +180° +270°
- C7AB90
Uncommon Coir
- 98BBA4
≈ Spearmint Haze
- 98B4CF
≈ Sea Mark
- C6A5BD
≈ Dancing Wand
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.17:1 · APCA Lc 43
Ag
AAAعلى الأسود
WCAG 9.65:1 · APCA Lc 59
أفضل لون للنص: #000000
WCAG 9.65:1 (AAA) · APCA Lc 59
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--uncommon-coir: #c7ab90;
--uncommon-coir-rgb: 199 171 144;
--uncommon-coir-oklch: oklch(0.759 0.05 65.9);
}
.element {
color: var(--uncommon-coir);
background-color: hsl(29 33% 67%);
border-color: oklch(0.759 0.05 65.9);
}Tailwind CSS v4
@theme {
--color-uncommon-coir: #c7ab90;
--color-uncommon-coir-50: #fff3e6;
--color-uncommon-coir-100: #f3e5d7;
--color-uncommon-coir-200: #e3d1be;
--color-uncommon-coir-300: #c9b39d;
--color-uncommon-coir-400: #b39980;
--color-uncommon-coir-500: #9d8063;
--color-uncommon-coir-600: #856c54;
--color-uncommon-coir-700: #6a5743;
--color-uncommon-coir-800: #4f3f30;
--color-uncommon-coir-900: #372b21;
--color-uncommon-coir-950: #221910;
}SCSS
$uncommon-coir: #c7ab90;
$uncommon-coir-rgb: 199, 171, 144;
$uncommon-coir-light: mix(#fff, $uncommon-coir, 20%);
$uncommon-coir-dark: mix(#000, $uncommon-coir, 20%);
.element {
color: $uncommon-coir;
box-shadow: 0 0 0 2px rgba($uncommon-coir, 0.35);
}