لون مسمّى · #DDBB99
Cane Sugar Glaze
Cane Sugar Glaze هو #DDBB99: rgb(221 187 153)، hsl(30 50% 73%)، oklch(0.813 0.06 66.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Cane Sugar Glaze color name →
#DDBB99
oklch(0.813 0.06 66.8)
تحويلات الألوان
- HEX
- #ddbb99
- RGB
- rgb(221 187 153)
- HSL
- hsl(30 50% 73%)
- HWB
- hwb(30 60% 13%)
- OKLCH
- oklch(0.813 0.06 66.8)
- OKLab
- oklab(0.813 0.024 0.055)
- CIE Lab
- lab(78.25 8.96 22.05)
- LCH
- lch(78.25 23.8 67.9)
- CMYK
- cmyk(0% 15% 31% 13%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E1C2A3
- E4C8AD
- E7CFB7
- EBD6C1
- EEDDCC
- F2E4D6
- F5EAE0
- F8F1EA
- FCF8F5
درجات داكنة
- C0A284
- A48A70
- 88735D
- 6E5C4A
- 554638
- 3D3227
- 261F17
- 110D08
- 020201
درجات رمادية
- D3B597
- CAAF94
- C0A992
- B7A390
- AE9D8D
- A4978B
- 9B9188
- 928C85
- 898683
تناسق الألوان
متمم +180°
- DDBB99
Cane Sugar Glaze
- A3C6E7
≈ Island Light
متجاور -30° +30°
- DDBB99
Cane Sugar Glaze
- E6B5A7
≈ City of Pink Angels
- CDC396
≈ Hippolyta
ثلاثي +120° +240°
- DDBB99
Cane Sugar Glaze
- 95CFC8
≈ Tropical Holiday
- CCB8E1
≈ Viking Diva
متمم منقسم +150° +210°
- DDBB99
Cane Sugar Glaze
- 96CCDB
≈ Blue Stream
- B7BFE9
≈ Larkspur Bud
رباعي +90° +180° +270°
- DDBB99
Cane Sugar Glaze
- A3CEB2
≈ Retro Mint
- A3C6E7
≈ Island Light
- DCB4D0
≈ Purple Poodle
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.80:1 · APCA Lc 33
Ag
AAAعلى الأسود
WCAG 11.64:1 · APCA Lc 69
أفضل لون للنص: #000000
WCAG 11.64:1 (AAA) · APCA Lc 69
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--cane-sugar-glaze: #ddbb99;
--cane-sugar-glaze-rgb: 221 187 153;
--cane-sugar-glaze-oklch: oklch(0.813 0.06 66.8);
}
.element {
color: var(--cane-sugar-glaze);
background-color: hsl(30 50% 73%);
border-color: oklch(0.813 0.06 66.8);
}Tailwind CSS v4
@theme {
--color-cane-sugar-glaze: #ddbb99;
--color-cane-sugar-glaze-50: #fff2e3;
--color-cane-sugar-glaze-100: #f6e5d3;
--color-cane-sugar-glaze-200: #e6d0b9;
--color-cane-sugar-glaze-300: #ccb297;
--color-cane-sugar-glaze-400: #b79879;
--color-cane-sugar-glaze-500: #a27f5b;
--color-cane-sugar-glaze-600: #896b4d;
--color-cane-sugar-glaze-700: #6d563e;
--color-cane-sugar-glaze-800: #513e2c;
--color-cane-sugar-glaze-900: #382b1e;
--color-cane-sugar-glaze-950: #23180e;
}SCSS
$cane-sugar-glaze: #ddbb99;
$cane-sugar-glaze-rgb: 221, 187, 153;
$cane-sugar-glaze-light: mix(#fff, $cane-sugar-glaze, 20%);
$cane-sugar-glaze-dark: mix(#000, $cane-sugar-glaze, 20%);
.element {
color: $cane-sugar-glaze;
box-shadow: 0 0 0 2px rgba($cane-sugar-glaze, 0.35);
}