لون مسمّى · #CF7E40
Topaz
Topaz هو #CF7E40: rgb(207 126 64)، hsl(26 60% 53%)، oklch(0.668 0.127 55.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Topaz color name →
#CF7E40
oklch(0.668 0.127 55.7)
تحويلات الألوان
- HEX
- #cf7e40
- RGB
- rgb(207 126 64)
- HSL
- hsl(26 60% 53%)
- HWB
- hwb(26 25% 19%)
- OKLCH
- oklch(0.668 0.127 55.7)
- OKLab
- oklab(0.668 0.071 0.105)
- CIE Lab
- lab(60.91 28.43 46.63)
- LCH
- lch(60.91 54.61 58.6)
- CMYK
- cmyk(0% 39% 69% 19%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D58B55
- DA9869
- E0A57C
- E5B28F
- EABFA2
- EECBB4
- F3D8C7
- F7E5D9
- FBF2EC
درجات داكنة
- B46D36
- 995C2D
- 7F4C24
- 673C1B
- 4F2D13
- 381F0B
- 231105
- 100501
- 020100
درجات رمادية
- C77F49
- C08051
- B88058
- B1805F
- A98165
- A1816B
- 998171
- 918176
- 88807B
تناسق الألوان
متمم +180°
- CF7E40
Topaz
- 31A0D7
≈ Blue Damselfly
متجاور -30° +30°
- CF7E40
Topaz
- D7736B
≈ Lantana
- B78E22
≈ Loden Yellow
ثلاثي +120° +240°
- CF7E40
Topaz
- 00AD91
≈ Hobgoblin
- 9C83D9
≈ Indigo Bloom
متمم منقسم +150° +210°
- CF7E40
Topaz
- 00A8B7
≈ Bluebird
- 6F92E2
≈ Guilliman Blue
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.12:1 · APCA Lc 58
Ag
AAعلى الأسود
WCAG 6.71:1 · APCA Lc 44
أفضل لون للنص: #000000
WCAG 6.71:1 (AA) · APCA Lc 44
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--topaz: #cf7e40;
--topaz-rgb: 207 126 64;
--topaz-oklch: oklch(0.668 0.127 55.7);
}
.element {
color: var(--topaz);
background-color: hsl(26 60% 53%);
border-color: oklch(0.668 0.127 55.7);
}Tailwind CSS v4
@theme {
--color-topaz: #cf7e40;
--color-topaz-50: #ffedd2;
--color-topaz-100: #ffdebf;
--color-topaz-200: #fec79f;
--color-topaz-300: #e9a775;
--color-topaz-400: #d78950;
--color-topaz-500: #c46c20;
--color-topaz-600: #a55c1e;
--color-topaz-700: #854918;
--color-topaz-800: #633411;
--color-topaz-900: #46240a;
--color-topaz-950: #2d1201;
}SCSS
$topaz: #cf7e40;
$topaz-rgb: 207, 126, 64;
$topaz-light: mix(#fff, $topaz, 20%);
$topaz-dark: mix(#000, $topaz, 20%);
.element {
color: $topaz;
box-shadow: 0 0 0 2px rgba($topaz, 0.35);
}