أقرب لون مسمّى · #953712
#953712
أقرب لون مسمّى: Choco Chic
#953712 (rgb(149 55 18)، hsl(17 78% 33%)، oklch(0.465 0.135 39.4)) أقرب إلى اللون المسمّى Choco Chic. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#953712
oklch(0.465 0.135 39.4)
تحويلات الألوان
- HEX
- #953712
- RGB
- rgb(149 55 18)
- HSL
- hsl(17 78% 33%)
- HWB
- hwb(17 7% 42%)
- OKLCH
- oklch(0.465 0.135 39.4)
- OKLab
- oklab(0.465 0.104 0.086)
- CIE Lab
- lab(36.86 39.04 42.03)
- LCH
- lch(36.86 57.36 47.1)
- CMYK
- cmyk(0% 63% 88% 42%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A14C2E
- AD6046
- B9735C
- C48772
- CE9B89
- D9AEA0
- E3C2B7
- EDD6CF
- F6EBE7
درجات داكنة
- 812E0E
- 6D260A
- 5A1E07
- 481604
- 370F02
- 260801
- 160301
- 080100
- 010000
درجات رمادية
- 944022
- 93492F
- 92503A
- 905845
- 8F5F4F
- 8C6659
- 8A6D63
- 87736D
- 847A76
تناسق الألوان
متمم +180°
- 953712
Choco Chic
- 00647A
≈ Atlantis Myth
متجاور -30° +30°
- 953712
Choco Chic
- 953049
≈ Scarlet Apple
- 7D4D00
≈ Gédéon Brown
ثلاثي +120° +240°
- 953712
Choco Chic
- 006B44
≈ Clover Green
- 4C4DA2
≈ Liberty
متمم منقسم +150° +210°
- 953712
Choco Chic
- 006863
≈ Butterfly Green
- 005C9E
≈ Parachuting
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 7.41:1 · APCA Lc 85
Ag
Failعلى الأسود
WCAG 2.83:1 · APCA Lc 17
أفضل لون للنص: #FFFFFF
WCAG 7.41:1 (AAA) · APCA Lc 85
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--choco-chic: #953712;
--choco-chic-rgb: 149 55 18;
--choco-chic-oklch: oklch(0.465 0.135 39.4);
}
.element {
color: var(--choco-chic);
background-color: hsl(17 78% 33%);
border-color: oklch(0.465 0.135 39.4);
}Tailwind CSS v4
@theme {
--color-choco-chic: #953712;
--color-choco-chic-50: #ffe9d8;
--color-choco-chic-100: #ffdac5;
--color-choco-chic-200: #ffc2a8;
--color-choco-chic-300: #f2a081;
--color-choco-chic-400: #e18160;
--color-choco-chic-500: #ce613b;
--color-choco-chic-600: #ae5333;
--color-choco-chic-700: #8c4228;
--color-choco-chic-800: #692f1e;
--color-choco-chic-900: #4a2013;
--color-choco-chic-950: #300f05;
}SCSS
$choco-chic: #953712;
$choco-chic-rgb: 149, 55, 18;
$choco-chic-light: mix(#fff, $choco-chic, 20%);
$choco-chic-dark: mix(#000, $choco-chic, 20%);
.element {
color: $choco-chic;
box-shadow: 0 0 0 2px rgba($choco-chic, 0.35);
}