Colore con nome · #DD7711
Manticore Wing
Manticore Wing è #DD7711: rgb(221 119 17), hsl(30 86% 47%), oklch(0.672 0.159 56.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Manticore Wing color name →
#DD7711
oklch(0.672 0.159 56.3)
Conversioni di colore
- HEX
- #dd7711
- RGB
- rgb(221 119 17)
- HSL
- hsl(30 86% 47%)
- HWB
- hwb(30 7% 13%)
- OKLCH
- oklch(0.672 0.159 56.3)
- OKLab
- oklab(0.672 0.088 0.133)
- CIE Lab
- lab(61.09 36.59 65.22)
- LCH
- lch(61.09 74.79 60.7)
- CMYK
- cmyk(0% 46% 92% 13%)
Tinte · Ombre · Toni
Tinte
- E2853A
- E69355
- EBA16C
- EEAF82
- F2BC97
- F5CAAC
- F8D7C1
- FBE4D5
- FDF2EA
Ombre
- C0670D
- A45709
- 884706
- 6E3804
- 552A02
- 3D1C01
- 261000
- 110500
- 020100
Toni
- D4792B
- CB7B3B
- C27C47
- B97D51
- B07E5B
- A77F63
- 9E806B
- 948072
- 8A8079
Armonie di colore
Complementare +180°
- DD7711
Manticore Wing
- 00A1E2
≈ Vanadyl Blue
Analogo -30° +30°
- DD7711
Manticore Wing
- E7685F
≈ Emberglow
- BB8E00
≈ Moutarde de Bénichon
Triadico +120° +240°
- DD7711
Manticore Wing
- 00AE93
≈ Hobgoblin
- A07EEB
≈ Forgotten Purple
Complementare divisa +150° +210°
- DD7711
Manticore Wing
- 00A9B9
≈ Bluebird
- 6890F7
≈ Guilliman Blue
Tetradico +90° +180° +270°
- DD7711
Manticore Wing
- 46AF56
≈ Chlorella Green
- 00A1E2
≈ Vanadyl Blue
- C76FC9
≈ Gulābī Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.12:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.72:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.72:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
CSS
:root {
--manticore-wing: #dd7711;
--manticore-wing-rgb: 221 119 17;
--manticore-wing-oklch: oklch(0.672 0.159 56.3);
}
.element {
color: var(--manticore-wing);
background-color: hsl(30 86% 47%);
border-color: oklch(0.672 0.159 56.3);
}Tailwind CSS v4
@theme {
--color-manticore-wing: #dd7711;
--color-manticore-wing-50: #ffebc9;
--color-manticore-wing-100: #ffdcb4;
--color-manticore-wing-200: #ffc48f;
--color-manticore-wing-300: #f4a260;
--color-manticore-wing-400: #e4822e;
--color-manticore-wing-500: #d16200;
--color-manticore-wing-600: #b15400;
--color-manticore-wing-700: #8e4300;
--color-manticore-wing-800: #6b2f00;
--color-manticore-wing-900: #4b2000;
--color-manticore-wing-950: #310f00;
}SCSS
$manticore-wing: #dd7711;
$manticore-wing-rgb: 221, 119, 17;
$manticore-wing-light: mix(#fff, $manticore-wing, 20%);
$manticore-wing-dark: mix(#000, $manticore-wing, 20%);
.element {
color: $manticore-wing;
box-shadow: 0 0 0 2px rgba($manticore-wing, 0.35);
}