لون مسمّى · #DD6611
Tiger Moth Orange
Tiger Moth Orange هو #DD6611: rgb(221 102 17)، hsl(25 86% 47%)، oklch(0.645 0.17 48). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Tiger Moth Orange color name →
#DD6611
oklch(0.645 0.17 48)
تحويلات الألوان
- HEX
- #dd6611
- RGB
- rgb(221 102 17)
- HSL
- hsl(25 86% 47%)
- HWB
- hwb(25 7% 13%)
- OKLCH
- oklch(0.645 0.17 48)
- OKLab
- oklab(0.645 0.114 0.127)
- CIE Lab
- lab(57.7 44.76 63.12)
- LCH
- lch(57.7 77.38 54.7)
- CMYK
- cmyk(0% 54% 92% 13%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E27738
- E78752
- EC9669
- F0A67F
- F3B595
- F7C4AA
- F9D3BF
- FCE1D4
- FEF0EA
درجات داكنة
- C0580D
- A44A09
- 883C06
- 6E2F04
- 552302
- 3D1701
- 260C00
- 110400
- 020000
درجات رمادية
- D46A2A
- CC6E39
- C37145
- BA744F
- B17759
- A87962
- 9F7B6A
- 957D71
- 8B7F79
تناسق الألوان
متمم +180°
- DD6611
Tiger Moth Orange
- 009BCA
≈ Isle of Capri
متجاور -30° +30°
- DD6611
Tiger Moth Orange
- E25965
≈ Aphrodisiac
- BA8200
≈ Yellow Gold
ثلاثي +120° +240°
- DD6611
Tiger Moth Orange
- 00A67E
≈ Active Green
- 8B78EE
≈ Forgotten Purple
متمم منقسم +150° +210°
- DD6611
Tiger Moth Orange
- 00A2A6
≈ Wax Crayon Blue
- 458CF3
≈ Seljuk Blue
رباعي +90° +180° +270°
- DD6611
Tiger Moth Orange
- 53A531
≈ Ballyhoo
- 009BCA
≈ Isle of Capri
- B867D0
≈ Rich Lilac
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.50:1 · APCA Lc 62
Ag
AAعلى الأسود
WCAG 5.98:1 · APCA Lc 40
أفضل لون للنص: #000000
WCAG 5.98:1 (AA) · APCA Lc 40
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--tiger-moth-orange: #dd6611;
--tiger-moth-orange-rgb: 221 102 17;
--tiger-moth-orange-oklch: oklch(0.645 0.17 48);
}
.element {
color: var(--tiger-moth-orange);
background-color: hsl(25 86% 47%);
border-color: oklch(0.645 0.17 48);
}Tailwind CSS v4
@theme {
--color-tiger-moth-orange: #dd6611;
--color-tiger-moth-orange-50: #ffe8ca;
--color-tiger-moth-orange-100: #ffd8b5;
--color-tiger-moth-orange-200: #ffbf92;
--color-tiger-moth-orange-300: #fc9c63;
--color-tiger-moth-orange-400: #ed7a36;
--color-tiger-moth-orange-500: #db5700;
--color-tiger-moth-orange-600: #b94b00;
--color-tiger-moth-orange-700: #953c00;
--color-tiger-moth-orange-800: #6f2a00;
--color-tiger-moth-orange-900: #4f1c00;
--color-tiger-moth-orange-950: #340b00;
}SCSS
$tiger-moth-orange: #dd6611;
$tiger-moth-orange-rgb: 221, 102, 17;
$tiger-moth-orange-light: mix(#fff, $tiger-moth-orange, 20%);
$tiger-moth-orange-dark: mix(#000, $tiger-moth-orange, 20%);
.element {
color: $tiger-moth-orange;
box-shadow: 0 0 0 2px rgba($tiger-moth-orange, 0.35);
}