لون مسمّى · #B06455
Aragon
Aragon هو #B06455: rgb(176 100 85)، hsl(10 37% 51%)، oklch(0.586 0.102 32.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Aragon color name →
#B06455
oklch(0.586 0.102 32.1)
تحويلات الألوان
- HEX
- #b06455
- RGB
- rgb(176 100 85)
- HSL
- hsl(10 37% 51%)
- HWB
- hwb(10 33% 31%)
- OKLCH
- oklch(0.586 0.102 32.1)
- OKLab
- oklab(0.586 0.086 0.054)
- CIE Lab
- lab(51.09 30.23 22.55)
- LCH
- lch(51.09 37.72 36.7)
- CMYK
- cmyk(0% 43% 52% 31%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B97365
- C28275
- CA9286
- D2A196
- DAB0A7
- E2C0B8
- EACFCA
- F1DFDB
- F8EFED
درجات داكنة
- 995649
- 82483D
- 6C3B31
- 562E26
- 42221C
- 2E1611
- 1C0B08
- 0B0302
- 010000
درجات رمادية
- AC675A
- A86B5E
- A36E63
- 9F7167
- 9A736B
- 95766F
- 907974
- 8B7B78
- 867E7C
تناسق الألوان
متمم +180°
- B06455
Aragon
- 048B9F
≈ Parrot Flight
متجاور -30° +30°
- B06455
Aragon
- AD6177
≈ Daah-Ling
- A76D37
≈ Eagle
ثلاثي +120° +240°
- B06455
Aragon
- 488D5E
≈ Middle Green
- 6778B8
≈ Flood
متمم منقسم +150° +210°
- B06455
Aragon
- 128F81
≈ Philips Green
- 3E83B3
≈ Steel Blue
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 4.37:1 · APCA Lc 70
Ag
AAعلى الأسود
WCAG 4.80:1 · APCA Lc 32
أفضل لون للنص: #000000
WCAG 4.80:1 (AA) · APCA Lc 32
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--aragon: #b06455;
--aragon-rgb: 176 100 85;
--aragon-oklch: oklch(0.586 0.102 32.1);
}
.element {
color: var(--aragon);
background-color: hsl(10 37% 51%);
border-color: oklch(0.586 0.102 32.1);
}Tailwind CSS v4
@theme {
--color-aragon: #b06455;
--color-aragon-50: #ffece2;
--color-aragon-100: #ffddd2;
--color-aragon-200: #fcc5b8;
--color-aragon-300: #e6a595;
--color-aragon-400: #d38878;
--color-aragon-500: #c06b5a;
--color-aragon-600: #a25b4d;
--color-aragon-700: #82493d;
--color-aragon-800: #61342d;
--color-aragon-900: #44231e;
--color-aragon-950: #2c120e;
}SCSS
$aragon: #b06455;
$aragon-rgb: 176, 100, 85;
$aragon-light: mix(#fff, $aragon, 20%);
$aragon-dark: mix(#000, $aragon, 20%);
.element {
color: $aragon;
box-shadow: 0 0 0 2px rgba($aragon, 0.35);
}