أقرب لون مسمّى · #CFA669
#CFA669
أقرب لون مسمّى: Ginger Ale
#CFA669 (rgb(207 166 105)، hsl(36 52% 61%)، oklch(0.749 0.092 76.5)) أقرب إلى اللون المسمّى Ginger Ale. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#CFA669
oklch(0.749 0.092 76.5)
تحويلات الألوان
- HEX
- #cfa669
- RGB
- rgb(207 166 105)
- HSL
- hsl(36 52% 61%)
- HWB
- hwb(36 41% 19%)
- OKLCH
- oklch(0.749 0.092 76.5)
- OKLab
- oklab(0.749 0.022 0.09)
- CIE Lab
- lab(70.92 10.02 37.44)
- LCH
- lch(70.92 38.75 75)
- CMYK
- cmyk(0% 20% 49% 19%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D4AF79
- D9B888
- DEC197
- E3C9A6
- E7D2B5
- ECDBC3
- F1E4D2
- F6EDE1
- FAF6F0
درجات داكنة
- B4905A
- 997A4C
- 7F653E
- 675131
- 4F3E24
- 382B18
- 231A0C
- 100A04
- 020100
درجات رمادية
- C7A26C
- BF9F6F
- B79B72
- AF9775
- A79377
- 9F9079
- 978C7B
- 90887D
- 88847F
تناسق الألوان
متمم +180°
- CFA669
Ginger Ale
- 88B0E8
≈ Queer Blue
متجاور -30° +30°
- CFA669
Ginger Ale
- DF9C7B
≈ Ciao
- B4B26B
≈ Rodham
ثلاثي +120° +240°
- CFA669
Ginger Ale
- 5DC0C1
≈ Gem Turquoise
- C59CD5
≈ Mauve Mist
متمم منقسم +150° +210°
- CFA669
Ginger Ale
- 69BADB
≈ Clear Weather
- A9A5E6
≈ Maximum Blue Purple
رباعي +90° +180° +270°
- CFA669
Ginger Ale
- 71C1A1
≈ Gem Silica
- 88B0E8
≈ Queer Blue
- D996B9
≈ Techno Pink
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.25:1 · APCA Lc 44
Ag
AAAعلى الأسود
WCAG 9.31:1 · APCA Lc 58
أفضل لون للنص: #000000
WCAG 9.31:1 (AAA) · APCA Lc 58
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--ginger-ale: #cfa669;
--ginger-ale-rgb: 207 166 105;
--ginger-ale-oklch: oklch(0.749 0.092 76.5);
}
.element {
color: var(--ginger-ale);
background-color: hsl(36 52% 61%);
border-color: oklch(0.749 0.092 76.5);
}Tailwind CSS v4
@theme {
--color-ginger-ale: #cfa669;
--color-ginger-ale-50: #fff3d8;
--color-ginger-ale-100: #f9e5c6;
--color-ginger-ale-200: #ead0a8;
--color-ginger-ale-300: #d1b281;
--color-ginger-ale-400: #be975e;
--color-ginger-ale-500: #a97d38;
--color-ginger-ale-600: #8f6a31;
--color-ginger-ale-700: #725527;
--color-ginger-ale-800: #553d1b;
--color-ginger-ale-900: #3b2a11;
--color-ginger-ale-950: #251804;
}SCSS
$ginger-ale: #cfa669;
$ginger-ale-rgb: 207, 166, 105;
$ginger-ale-light: mix(#fff, $ginger-ale, 20%);
$ginger-ale-dark: mix(#000, $ginger-ale, 20%);
.element {
color: $ginger-ale;
box-shadow: 0 0 0 2px rgba($ginger-ale, 0.35);
}