لون مسمّى · #CD5B26
Bright Delight
Bright Delight هو #CD5B26: rgb(205 91 38)، hsl(19 69% 48%)، oklch(0.607 0.158 42.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Bright Delight color name →
#CD5B26
oklch(0.607 0.158 42.7)
تحويلات الألوان
- HEX
- #cd5b26
- RGB
- rgb(205 91 38)
- HSL
- hsl(19 69% 48%)
- HWB
- hwb(19 15% 20%)
- OKLCH
- oklch(0.607 0.158 42.7)
- OKLab
- oklab(0.607 0.116 0.108)
- CIE Lab
- lab(53.17 44.12 51.21)
- LCH
- lch(53.17 67.59 49.3)
- CMYK
- cmyk(0% 56% 81% 20%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D46D41
- DA7E57
- E18E6D
- E69E82
- EBAF96
- F0BFAB
- F5CFC0
- F9DFD5
- FCEFEA
درجات داكنة
- B24E20
- 984119
- 7E3513
- 66290D
- 4E1E08
- 381304
- 230902
- 0F0301
- 020000
درجات رمادية
- C66034
- BF653F
- B86A49
- B16E52
- AA715B
- A27563
- 9A786A
- 927B72
- 897E79
تناسق الألوان
متمم +180°
- CD5B26
Bright Delight
- 0090B3
≈ Cool Tide
متجاور -30° +30°
- CD5B26
Bright Delight
- CF5267
≈ Cabaret
- B07300
≈ Philippine Gold
ثلاثي +120° +240°
- CD5B26
Bright Delight
- 009A6B
≈ Green Cyan
- 7772DD
≈ C64 Purple
متمم منقسم +150° +210°
- CD5B26
Bright Delight
- 009593
≈ Intermezzo
- 2D84DD
≈ Blue Cola
رباعي +90° +180° +270°
- CD5B26
Bright Delight
- 5B951C
≈ Limeade
- 0090B3
≈ Cool Tide
- A261C5
≈ Trunks Hair
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 4.10:1 · APCA Lc 67
Ag
AAعلى الأسود
WCAG 5.12:1 · APCA Lc 34
أفضل لون للنص: #000000
WCAG 5.12:1 (AA) · APCA Lc 34
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--bright-delight: #cd5b26;
--bright-delight-rgb: 205 91 38;
--bright-delight-oklch: oklch(0.607 0.158 42.7);
}
.element {
color: var(--bright-delight);
background-color: hsl(19 69% 48%);
border-color: oklch(0.607 0.158 42.7);
}Tailwind CSS v4
@theme {
--color-bright-delight: #cd5b26;
--color-bright-delight-50: #ffe8d0;
--color-bright-delight-100: #ffd8bd;
--color-bright-delight-200: #ffbf9c;
--color-bright-delight-300: #fa9c71;
--color-bright-delight-400: #ea7b4c;
--color-bright-delight-500: #d85918;
--color-bright-delight-600: #b64c18;
--color-bright-delight-700: #933d14;
--color-bright-delight-800: #6e2b0f;
--color-bright-delight-900: #4d1d09;
--color-bright-delight-950: #330c00;
}SCSS
$bright-delight: #cd5b26;
$bright-delight-rgb: 205, 91, 38;
$bright-delight-light: mix(#fff, $bright-delight, 20%);
$bright-delight-dark: mix(#000, $bright-delight, 20%);
.element {
color: $bright-delight;
box-shadow: 0 0 0 2px rgba($bright-delight, 0.35);
}