لون مسمّى · #CF7A4B
Brown Sugar Glaze
Brown Sugar Glaze هو #CF7A4B: rgb(207 122 75)، hsl(21 58% 55%)، oklch(0.663 0.123 48.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Brown Sugar Glaze color name →
#CF7A4B
oklch(0.663 0.123 48.5)
تحويلات الألوان
- HEX
- #cf7a4b
- RGB
- rgb(207 122 75)
- HSL
- hsl(21 58% 55%)
- HWB
- hwb(21 29% 19%)
- OKLCH
- oklch(0.663 0.123 48.5)
- OKLab
- oklab(0.663 0.081 0.092)
- CIE Lab
- lab(60.12 30.94 40.21)
- LCH
- lch(60.12 50.73 52.4)
- CMYK
- cmyk(0% 41% 64% 19%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D5875E
- DB9570
- E0A282
- E5AF94
- EABDA5
- EFCAB7
- F3D7C9
- F7E4DB
- FBF2ED
درجات داكنة
- B46940
- 995935
- 7F492B
- 673A21
- 4F2B17
- 381D0E
- 231006
- 100502
- 020100
درجات رمادية
- C87B52
- C07C58
- B87D5E
- B17E64
- A97F69
- A17F6E
- 998073
- 918077
- 89807C
تناسق الألوان
متمم +180°
- CF7A4B
Brown Sugar Glaze
- 1FA1CE
≈ Charybdis
متجاور -30° +30°
- CF7A4B
Brown Sugar Glaze
- D47275
≈ Lantana
- BB892A
≈ Burnished Copper
ثلاثي +120° +240°
- CF7A4B
Brown Sugar Glaze
- 28AB85
≈ Herbal
- 9085DA
≈ Indigo Bloom
متمم منقسم +150° +210°
- CF7A4B
Brown Sugar Glaze
- 00A7AC
≈ Blue Bolero
- 6394DE
≈ Little Boy Blue
رباعي +90° +180° +270°
- CF7A4B
Brown Sugar Glaze
- 6BA559
≈ Off Green
- 1FA1CE
≈ Charybdis
- B379C3
≈ Wisteria
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.21:1 · APCA Lc 59
Ag
AAعلى الأسود
WCAG 6.53:1 · APCA Lc 43
أفضل لون للنص: #000000
WCAG 6.53:1 (AA) · APCA Lc 43
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--brown-sugar-glaze: #cf7a4b;
--brown-sugar-glaze-rgb: 207 122 75;
--brown-sugar-glaze-oklch: oklch(0.663 0.123 48.5);
}
.element {
color: var(--brown-sugar-glaze);
background-color: hsl(21 58% 55%);
border-color: oklch(0.663 0.123 48.5);
}Tailwind CSS v4
@theme {
--color-brown-sugar-glaze: #cf7a4b;
--color-brown-sugar-glaze-50: #ffecd6;
--color-brown-sugar-glaze-100: #ffddc4;
--color-brown-sugar-glaze-200: #ffc6a5;
--color-brown-sugar-glaze-300: #eba57d;
--color-brown-sugar-glaze-400: #d9875b;
--color-brown-sugar-glaze-500: #c66a34;
--color-brown-sugar-glaze-600: #a75a2d;
--color-brown-sugar-glaze-700: #864824;
--color-brown-sugar-glaze-800: #64331a;
--color-brown-sugar-glaze-900: #462311;
--color-brown-sugar-glaze-950: #2e1104;
}SCSS
$brown-sugar-glaze: #cf7a4b;
$brown-sugar-glaze-rgb: 207, 122, 75;
$brown-sugar-glaze-light: mix(#fff, $brown-sugar-glaze, 20%);
$brown-sugar-glaze-dark: mix(#000, $brown-sugar-glaze, 20%);
.element {
color: $brown-sugar-glaze;
box-shadow: 0 0 0 2px rgba($brown-sugar-glaze, 0.35);
}