Named color · #DD6611
Tiger Moth Orange
Tiger Moth Orange is #DD6611: rgb(221 102 17), hsl(25 86% 47%), oklch(0.645 0.17 48). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Tiger Moth Orange color name →
#DD6611
oklch(0.645 0.17 48)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- E27738
- E78752
- EC9669
- F0A67F
- F3B595
- F7C4AA
- F9D3BF
- FCE1D4
- FEF0EA
Shades
- C0580D
- A44A09
- 883C06
- 6E2F04
- 552302
- 3D1701
- 260C00
- 110400
- 020000
Tones
- D46A2A
- CC6E39
- C37145
- BA744F
- B17759
- A87962
- 9F7B6A
- 957D71
- 8B7F79
Color harmonies
Complementary +180°
- DD6611
Tiger Moth Orange
- 009BCA
≈ Isle of Capri
Analogous -30° +30°
- DD6611
Tiger Moth Orange
- E25965
≈ Aphrodisiac
- BA8200
≈ Yellow Gold
Triadic +120° +240°
- DD6611
Tiger Moth Orange
- 00A67E
≈ Active Green
- 8B78EE
≈ Forgotten Purple
Split-complementary +150° +210°
- DD6611
Tiger Moth Orange
- 00A2A6
≈ Wax Crayon Blue
- 458CF3
≈ Seljuk Blue
Tetradic +90° +180° +270°
- DD6611
Tiger Moth Orange
- 53A531
≈ Ballyhoo
- 009BCA
≈ Isle of Capri
- B867D0
≈ Rich Lilac
Contrast & accessibility
Ag
FailOn white
WCAG 3.50:1 · APCA Lc 62
Ag
AAOn black
WCAG 5.98:1 · APCA Lc 40
Best text color: #000000
WCAG 5.98:1 (AA) · APCA Lc 40
Contrast pairs
Code snippets
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);
}