Couleur nommée · #DD6611
Tiger Moth Orange
Tiger Moth Orange correspond à #DD6611 : rgb(221 102 17), hsl(25 86% 47%), oklch(0.645 0.17 48). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Tiger Moth Orange color name →
#DD6611
oklch(0.645 0.17 48)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- E27738
- E78752
- EC9669
- F0A67F
- F3B595
- F7C4AA
- F9D3BF
- FCE1D4
- FEF0EA
Ombres
- C0580D
- A44A09
- 883C06
- 6E2F04
- 552302
- 3D1701
- 260C00
- 110400
- 020000
Tons
- D46A2A
- CC6E39
- C37145
- BA744F
- B17759
- A87962
- 9F7B6A
- 957D71
- 8B7F79
Harmonies de couleurs
Complémentaire +180°
- DD6611
Tiger Moth Orange
- 009BCA
≈ Isle of Capri
Analogue -30° +30°
- DD6611
Tiger Moth Orange
- E25965
≈ Aphrodisiac
- BA8200
≈ Yellow Gold
Triadique +120° +240°
- DD6611
Tiger Moth Orange
- 00A67E
≈ Active Green
- 8B78EE
≈ Forgotten Purple
Complémentaire divisée +150° +210°
- DD6611
Tiger Moth Orange
- 00A2A6
≈ Wax Crayon Blue
- 458CF3
≈ Seljuk Blue
Tétradique +90° +180° +270°
- DD6611
Tiger Moth Orange
- 53A531
≈ Ballyhoo
- 009BCA
≈ Isle of Capri
- B867D0
≈ Rich Lilac
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.50:1 · APCA Lc 62
Ag
AASur noir
WCAG 5.98:1 · APCA Lc 40
Meilleure couleur de texte: #000000
WCAG 5.98:1 (AA) · APCA Lc 40
Contrast pairs
Extraits de code
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);
}