لون مسمّى · #CAAD87
Dromedary Camel
Dromedary Camel هو #CAAD87: rgb(202 173 135)، hsl(34 39% 66%)، oklch(0.764 0.061 74.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Dromedary Camel color name →
#CAAD87
oklch(0.764 0.061 74.2)
تحويلات الألوان
- HEX
- #caad87
- RGB
- rgb(202 173 135)
- HSL
- hsl(34 39% 66%)
- HWB
- hwb(34 53% 21%)
- OKLCH
- oklch(0.764 0.061 74.2)
- OKLab
- oklab(0.764 0.017 0.059)
- CIE Lab
- lab(72.61 6.81 23.69)
- LCH
- lch(72.61 24.65 74)
- CMYK
- cmyk(0% 14% 33% 21%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- CFB593
- D5BD9F
- DAC5AB
- DFCDB6
- E5D6C2
- EADECE
- EFE6DA
- F4EEE7
- FAF7F3
درجات داكنة
- AF9675
- 957F63
- 7C6A51
- 645541
- 4D4131
- 372D21
- 221B13
- 0F0B06
- 020101
درجات رمادية
- C2A887
- BBA486
- B39F86
- AC9B85
- A49684
- 9D9284
- 968D83
- 8E8982
- 878481
تناسق الألوان
متمم +180°
- CAAD87
Dromedary Camel
- 98B5D9
≈ Echo Isles Water
متجاور -30° +30°
- CAAD87
Dromedary Camel
- D5A693
≈ Tiffany Rose
- B8B587
≈ Cress Vinaigrette
ثلاثي +120° +240°
- CAAD87
Dromedary Camel
- 83BFBE
≈ Riverbed
- C1A7CE
≈ Feminine Fancy
متمم منقسم +150° +210°
- CAAD87
Dromedary Camel
- 87BBCF
≈ Juvie
- ADAED9
≈ Lavender Wash
رباعي +90° +180° +270°
- CAAD87
Dromedary Camel
- 8EBFA8
≈ Spearmint Frosting
- 98B5D9
≈ Echo Isles Water
- CFA3BC
≈ Enhance
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.13:1 · APCA Lc 42
Ag
AAAعلى الأسود
WCAG 9.83:1 · APCA Lc 60
أفضل لون للنص: #000000
WCAG 9.83:1 (AAA) · APCA Lc 60
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--dromedary-camel: #caad87;
--dromedary-camel-rgb: 202 173 135;
--dromedary-camel-oklch: oklch(0.764 0.061 74.2);
}
.element {
color: var(--dromedary-camel);
background-color: hsl(34 39% 66%);
border-color: oklch(0.764 0.061 74.2);
}Tailwind CSS v4
@theme {
--color-dromedary-camel: #caad87;
--color-dromedary-camel-50: #fff3e2;
--color-dromedary-camel-100: #f4e6d2;
--color-dromedary-camel-200: #e4d1b8;
--color-dromedary-camel-300: #cab495;
--color-dromedary-camel-400: #b49a76;
--color-dromedary-camel-500: #9f8058;
--color-dromedary-camel-600: #866d4b;
--color-dromedary-camel-700: #6b573b;
--color-dromedary-camel-800: #503f2a;
--color-dromedary-camel-900: #372b1c;
--color-dromedary-camel-950: #22190d;
}SCSS
$dromedary-camel: #caad87;
$dromedary-camel-rgb: 202, 173, 135;
$dromedary-camel-light: mix(#fff, $dromedary-camel, 20%);
$dromedary-camel-dark: mix(#000, $dromedary-camel, 20%);
.element {
color: $dromedary-camel;
box-shadow: 0 0 0 2px rgba($dromedary-camel, 0.35);
}