أقرب لون مسمّى · #C99459
#C99459
أقرب لون مسمّى: Caramel Crumb
#C99459 (rgb(201 148 89)، hsl(32 51% 57%)، oklch(0.705 0.099 68)) أقرب إلى اللون المسمّى Caramel Crumb. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#C99459
oklch(0.705 0.099 68)
تحويلات الألوان
- HEX
- #c99459
- RGB
- rgb(201 148 89)
- HSL
- hsl(32 51% 57%)
- HWB
- hwb(32 35% 21%)
- OKLCH
- oklch(0.705 0.099 68)
- OKLab
- oklab(0.705 0.037 0.092)
- CIE Lab
- lab(65.62 15.76 39.1)
- LCH
- lch(65.62 42.16 68.1)
- CMYK
- cmyk(0% 26% 56% 21%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- CF9F6A
- D4A97B
- DAB48C
- E0BF9C
- E5C9AD
- EAD4BD
- F0DFCD
- F5E9DE
- FAF4EE
درجات داكنة
- AE804C
- 956D40
- 7C5A34
- 644828
- 4C361D
- 362613
- 221609
- 0F0803
- 020100
درجات رمادية
- C2925E
- BA9063
- B38F68
- AC8D6C
- A58B70
- 9D8973
- 968777
- 8F847A
- 87827D
تناسق الألوان
متمم +180°
- C99459
Caramel Crumb
- 6CA5DB
≈ Baja Blue
متجاور -30° +30°
- C99459
Caramel Crumb
- D68A72
≈ Vintage Coral
- B0A154
≈ Gingko Leaf
ثلاثي +120° +240°
- C99459
Caramel Crumb
- 47B4AB
≈ Emerald Wave
- B18FD0
≈ Pale Purple
متمم منقسم +150° +210°
- C99459
Caramel Crumb
- 4BAFC9
≈ Viking
- 919ADD
≈ Portage
رباعي +90° +180° +270°
- C99459
Caramel Crumb
- 67B388
≈ Lily Pads
- 6CA5DB
≈ Baja Blue
- C988B6
≈ Rock Star Pink
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.67:1 · APCA Lc 52
Ag
AAAعلى الأسود
WCAG 7.86:1 · APCA Lc 50
أفضل لون للنص: #000000
WCAG 7.86:1 (AAA) · APCA Lc 50
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--caramel-crumb: #c99459;
--caramel-crumb-rgb: 201 148 89;
--caramel-crumb-oklch: oklch(0.705 0.099 68);
}
.element {
color: var(--caramel-crumb);
background-color: hsl(32 51% 57%);
border-color: oklch(0.705 0.099 68);
}Tailwind CSS v4
@theme {
--color-caramel-crumb: #c99459;
--color-caramel-crumb-50: #fff1d7;
--color-caramel-crumb-100: #fee3c5;
--color-caramel-crumb-200: #f0cea7;
--color-caramel-crumb-300: #d9af7f;
--color-caramel-crumb-400: #c5935c;
--color-caramel-crumb-500: #b17835;
--color-caramel-crumb-600: #96662e;
--color-caramel-crumb-700: #785225;
--color-caramel-crumb-800: #5a3b19;
--color-caramel-crumb-900: #3f2810;
--color-caramel-crumb-950: #281604;
}SCSS
$caramel-crumb: #c99459;
$caramel-crumb-rgb: 201, 148, 89;
$caramel-crumb-light: mix(#fff, $caramel-crumb, 20%);
$caramel-crumb-dark: mix(#000, $caramel-crumb, 20%);
.element {
color: $caramel-crumb;
box-shadow: 0 0 0 2px rgba($caramel-crumb, 0.35);
}