لون مسمّى · #CAB698
Desert Pebble
Desert Pebble هو #CAB698: rgb(202 182 152)، hsl(36 32% 69%)، oklch(0.785 0.047 77.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Desert Pebble color name →
#CAB698
oklch(0.785 0.047 77.9)
تحويلات الألوان
- HEX
- #cab698
- RGB
- rgb(202 182 152)
- HSL
- hsl(36 32% 69%)
- HWB
- hwb(36 60% 21%)
- OKLCH
- oklch(0.785 0.047 77.9)
- OKLab
- oklab(0.785 0.01 0.046)
- CIE Lab
- lab(75.19 3.93 18.08)
- LCH
- lch(75.19 18.5 77.7)
- CMYK
- cmyk(0% 10% 25% 21%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- CFBDA2
- D5C4AC
- DACCB6
- DFD3C1
- E4DACB
- EAE1D5
- EFE9E0
- F4F0EA
- FAF8F4
درجات داكنة
- AF9E84
- 958670
- 7C6F5C
- 64594A
- 4D4438
- 373027
- 221D17
- 0F0C08
- 020201
درجات رمادية
- C2B096
- BBAB93
- B3A691
- ACA08F
- A49B8C
- 9D958A
- 969087
- 8E8B85
- 878583
تناسق الألوان
متمم +180°
- CAB698
Desert Pebble
- A7BBD8
≈ Clear Lake Trail
متجاور -30° +30°
- CAB698
Desert Pebble
- D3B1A0
≈ Indian Khaki
- BBBC9A
≈ Esprit
ثلاثي +120° +240°
- CAB698
Desert Pebble
- 96C3C4
≈ Favourite Sweater
- C6B0CD
≈ Orchid Bloom
متمم منقسم +150° +210°
- CAB698
Desert Pebble
- 9BC0D1
≈ Neptune’s Realm
- B7B5D6
≈ Wild Orchid Blue
رباعي +90° +180° +270°
- CAB698
Desert Pebble
- 9DC3B3
≈ Stanley
- A7BBD8
≈ Clear Lake Trail
- D1ADBE
≈ Pink Potion
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.97:1 · APCA Lc 38
Ag
AAAعلى الأسود
WCAG 10.65:1 · APCA Lc 64
أفضل لون للنص: #000000
WCAG 10.65:1 (AAA) · APCA Lc 64
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--desert-pebble: #cab698;
--desert-pebble-rgb: 202 182 152;
--desert-pebble-oklch: oklch(0.785 0.047 77.9);
}
.element {
color: var(--desert-pebble);
background-color: hsl(36 32% 69%);
border-color: oklch(0.785 0.047 77.9);
}Tailwind CSS v4
@theme {
--color-desert-pebble: #cab698;
--color-desert-pebble-50: #fcf4e7;
--color-desert-pebble-100: #f0e7d7;
--color-desert-pebble-200: #dfd3be;
--color-desert-pebble-300: #c4b59d;
--color-desert-pebble-400: #ae9c80;
--color-desert-pebble-500: #988363;
--color-desert-pebble-600: #806f54;
--color-desert-pebble-700: #675843;
--color-desert-pebble-800: #4c4030;
--color-desert-pebble-900: #352c21;
--color-desert-pebble-950: #201910;
}SCSS
$desert-pebble: #cab698;
$desert-pebble-rgb: 202, 182, 152;
$desert-pebble-light: mix(#fff, $desert-pebble, 20%);
$desert-pebble-dark: mix(#000, $desert-pebble, 20%);
.element {
color: $desert-pebble;
box-shadow: 0 0 0 2px rgba($desert-pebble, 0.35);
}