لون مسمّى · #B98033
Cider Toddy
Cider Toddy هو #B98033: rgb(185 128 51)، hsl(34 57% 46%)، oklch(0.644 0.115 70.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Cider Toddy color name →
#B98033
oklch(0.644 0.115 70.9)
تحويلات الألوان
- HEX
- #b98033
- RGB
- rgb(185 128 51)
- HSL
- hsl(34 57% 46%)
- HWB
- hwb(34 20% 27%)
- OKLCH
- oklch(0.644 0.115 70.9)
- OKLab
- oklab(0.644 0.038 0.109)
- CIE Lab
- lab(58.48 17.55 49.16)
- LCH
- lch(58.48 52.19 70.4)
- CMYK
- cmyk(0% 31% 72% 27%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C08D4B
- C89961
- CFA675
- D6B289
- DDBF9C
- E4CCB0
- EBD8C4
- F2E5D7
- F8F2EB
درجات داكنة
- A06E2B
- 895D23
- 714D1C
- 5B3D14
- 462E0D
- 311F07
- 1E1203
- 0D0601
- 020100
درجات رمادية
- B4803F
- AE8148
- A88151
- A38159
- 9D8160
- 978167
- 92816E
- 8C8174
- 86807A
تناسق الألوان
متمم +180°
- B98033
Cider Toddy
- 5491D1
≈ Blue Dart
متجاور -30° +30°
- B98033
Cider Toddy
- C87454
≈ Spanish Peanut
- 9D8F2F
≈ Sleepy Hamlet
ثلاثي +120° +240°
- B98033
Cider Toddy
- 00A29D
≈ Aqua Velvet
- A478C1
≈ Wisteria
متمم منقسم +150° +210°
- B98033
Cider Toddy
- 109DBE
≈ Delos Blue
- 8184D2
≈ Tanzine
رباعي +90° +180° +270°
- B98033
Cider Toddy
- 3FA376
≈ Linoleum Green
- 5491D1
≈ Blue Dart
- BC70A2
≈ Crocus
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.38:1 · APCA Lc 61
Ag
AAعلى الأسود
WCAG 6.19:1 · APCA Lc 41
أفضل لون للنص: #000000
WCAG 6.19:1 (AA) · APCA Lc 41
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--cider-toddy: #b98033;
--cider-toddy-rgb: 185 128 51;
--cider-toddy-oklch: oklch(0.644 0.115 70.9);
}
.element {
color: var(--cider-toddy);
background-color: hsl(34 57% 46%);
border-color: oklch(0.644 0.115 70.9);
}Tailwind CSS v4
@theme {
--color-cider-toddy: #b98033;
--color-cider-toddy-50: #fff1d2;
--color-cider-toddy-100: #ffe3be;
--color-cider-toddy-200: #f3cd9e;
--color-cider-toddy-300: #dcae74;
--color-cider-toddy-400: #c9924c;
--color-cider-toddy-500: #b57716;
--color-cider-toddy-600: #996517;
--color-cider-toddy-700: #7b5113;
--color-cider-toddy-800: #5c3a0c;
--color-cider-toddy-900: #402808;
--color-cider-toddy-950: #291600;
}SCSS
$cider-toddy: #b98033;
$cider-toddy-rgb: 185, 128, 51;
$cider-toddy-light: mix(#fff, $cider-toddy, 20%);
$cider-toddy-dark: mix(#000, $cider-toddy, 20%);
.element {
color: $cider-toddy;
box-shadow: 0 0 0 2px rgba($cider-toddy, 0.35);
}