لون مسمّى · #CC5544
Chilli Cashew
Chilli Cashew هو #CC5544: rgb(204 85 68)، hsl(7 57% 53%)، oklch(0.6 0.155 30.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Chilli Cashew color name →
#CC5544
oklch(0.6 0.155 30.4)
تحويلات الألوان
- HEX
- #cc5544
- RGB
- rgb(204 85 68)
- HSL
- hsl(7 57% 53%)
- HWB
- hwb(7 27% 20%)
- OKLCH
- oklch(0.6 0.155 30.4)
- OKLab
- oklab(0.6 0.134 0.078)
- CIE Lab
- lab(52.17 47.41 34.76)
- LCH
- lch(52.17 58.78 36.2)
- CMYK
- cmyk(0% 58% 67% 20%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D36757
- DA7969
- E08A7B
- E69B8E
- EBACA0
- F0BCB3
- F5CDC5
- F9DED8
- FCEEEC
درجات داكنة
- B1493A
- 973D30
- 7E3126
- 65261D
- 4E1C14
- 37110C
- 220805
- 0F0202
- 020000
درجات رمادية
- C55B4B
- BF6152
- B86658
- B16A5E
- AA6F64
- A2736A
- 9A7670
- 927A75
- 897D7B
تناسق الألوان
متمم +180°
- CC5544
Chilli Cashew
- 0090A3
≈ Oasis
متجاور -30° +30°
- CC5544
Chilli Cashew
- C7517C
≈ Middle Safflower
- BB6800
≈ Brown Orange
ثلاثي +120° +240°
- CC5544
Chilli Cashew
- 1B994B
≈ Boogie Blast
- 5E77DC
≈ Indigo Light
متمم منقسم +150° +210°
- CC5544
Chilli Cashew
- 009583
≈ Approval Green
- 0089CA
≈ Way Beyond the Blue
رباعي +90° +180° +270°
- CC5544
Chilli Cashew
- 758C00
≈ Canopy
- 0090A3
≈ Oasis
- 9066CD
≈ Amethyst
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 4.24:1 · APCA Lc 69
Ag
AAعلى الأسود
WCAG 4.95:1 · APCA Lc 33
أفضل لون للنص: #000000
WCAG 4.95:1 (AA) · APCA Lc 33
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--chilli-cashew: #cc5544;
--chilli-cashew-rgb: 204 85 68;
--chilli-cashew-oklch: oklch(0.6 0.155 30.4);
}
.element {
color: var(--chilli-cashew);
background-color: hsl(7 57% 53%);
border-color: oklch(0.6 0.155 30.4);
}Tailwind CSS v4
@theme {
--color-chilli-cashew: #cc5544;
--color-chilli-cashew-50: #ffe6d9;
--color-chilli-cashew-100: #ffd6c7;
--color-chilli-cashew-200: #ffbcaa;
--color-chilli-cashew-300: #fc9984;
--color-chilli-cashew-400: #eb7765;
--color-chilli-cashew-500: #d95542;
--color-chilli-cashew-600: #b84939;
--color-chilli-cashew-700: #943a2d;
--color-chilli-cashew-800: #6e2922;
--color-chilli-cashew-900: #4e1b16;
--color-chilli-cashew-950: #330b08;
}SCSS
$chilli-cashew: #cc5544;
$chilli-cashew-rgb: 204, 85, 68;
$chilli-cashew-light: mix(#fff, $chilli-cashew, 20%);
$chilli-cashew-dark: mix(#000, $chilli-cashew, 20%);
.element {
color: $chilli-cashew;
box-shadow: 0 0 0 2px rgba($chilli-cashew, 0.35);
}