لون مسمّى · #9E6B75
Concerto
Concerto هو #9E6B75: rgb(158 107 117)، hsl(348 21% 52%)، oklch(0.584 0.066 6.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Concerto color name →
#9E6B75
oklch(0.584 0.066 6.4)
تحويلات الألوان
- HEX
- #9e6b75
- RGB
- rgb(158 107 117)
- HSL
- hsl(348 21% 52%)
- HWB
- hwb(348 42% 38%)
- OKLCH
- oklch(0.584 0.066 6.4)
- OKLab
- oklab(0.584 0.066 0.007)
- CIE Lab
- lab(50.95 22.03 3.13)
- LCH
- lch(50.95 22.25 8.1)
- CMYK
- cmyk(0% 32% 26% 38%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A87982
- B2878F
- BC969C
- C5A4AA
- CFB3B8
- D9C2C6
- E2D1D4
- ECE0E2
- F6EFF0
درجات داكنة
- 895C65
- 744E55
- 603F46
- 4D3237
- 3A2529
- 29181C
- 180D0F
- 090405
- 010001
درجات رمادية
- 9B6D76
- 997077
- 967278
- 937479
- 90767A
- 8D787C
- 8A7A7D
- 877C7E
- 837E7F
تناسق الألوان
متمم +180°
- 9E6B75
Concerto
- 498882
≈ Jericho Jade
متجاور -30° +30°
- 9E6B75
Concerto
- 956C8A
≈ Sophisticated Lilac
- 9F6E60
≈ Discretion
ثلاثي +120° +240°
- 9E6B75
Concerto
- 718358
≈ Terrain
- 5A80A1
≈ Blue Beads
متمم منقسم +150° +210°
- 9E6B75
Concerto
- 5A886B
≈ Saltwater Depth
- 4A8695
≈ Night Masque
رباعي +90° +180° +270°
- 9E6B75
Concerto
- 877C4D
≈ Xena
- 498882
≈ Jericho Jade
- 7178A3
≈ Bleached Denim
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 4.36:1 · APCA Lc 70
Ag
AAعلى الأسود
WCAG 4.81:1 · APCA Lc 32
أفضل لون للنص: #000000
WCAG 4.81:1 (AA) · APCA Lc 32
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--concerto: #9e6b75;
--concerto-rgb: 158 107 117;
--concerto-oklch: oklch(0.584 0.066 6.4);
}
.element {
color: var(--concerto);
background-color: hsl(348 21% 52%);
border-color: oklch(0.584 0.066 6.4);
}Tailwind CSS v4
@theme {
--color-concerto: #9e6b75;
--color-concerto-50: #ffeef1;
--color-concerto-100: #fddfe3;
--color-concerto-200: #efc9ce;
--color-concerto-300: #d7aab0;
--color-concerto-400: #c18e98;
--color-concerto-500: #ad747f;
--color-concerto-600: #92626b;
--color-concerto-700: #754e56;
--color-concerto-800: #56393f;
--color-concerto-900: #3c272c;
--color-concerto-950: #261519;
}SCSS
$concerto: #9e6b75;
$concerto-rgb: 158, 107, 117;
$concerto-light: mix(#fff, $concerto, 20%);
$concerto-dark: mix(#000, $concerto, 20%);
.element {
color: $concerto;
box-shadow: 0 0 0 2px rgba($concerto, 0.35);
}