Colore con nome · #BB7722
Milvus Milvus Orange
Milvus Milvus Orange è #BB7722: rgb(187 119 34), hsl(33 69% 43%), oklch(0.628 0.127 66.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Milvus Milvus Orange color name →
#BB7722
oklch(0.628 0.127 66.5)
Conversioni di colore
- HEX
- #bb7722
- RGB
- rgb(187 119 34)
- HSL
- hsl(33 69% 43%)
- HWB
- hwb(33 13% 27%)
- OKLCH
- oklch(0.628 0.127 66.5)
- OKLab
- oklab(0.628 0.051 0.116)
- CIE Lab
- lab(56.46 22.66 54.37)
- LCH
- lch(56.46 58.9 67.4)
- CMYK
- cmyk(0% 36% 82% 27%)
Tinte · Ombre · Toni
Tinte
- C28540
- CA9257
- D1A06D
- D8AD82
- DFBB97
- E5C8AC
- ECD6C0
- F3E4D5
- F9F1EA
Ombre
- A2671C
- 8A5716
- 734711
- 5C380B
- 462A07
- 321C03
- 1F1001
- 0D0500
- 020100
Toni
- B57832
- B07A3F
- AA7B49
- A47C53
- 9F7D5B
- 997E63
- 937F6B
- 8D7F72
- 868079
Armonie di colore
Complementare +180°
- BB7722
Milvus Milvus Orange
- 3E8ED0
≈ Magical Merlin
Analogo -30° +30°
- BB7722
Milvus Milvus Orange
- C86A4F
≈ Raw Copper
- 9F870B
≈ Captain Kirk
Triadico +120° +240°
- BB7722
Milvus Milvus Orange
- 009D93
≈ Caribbean Turquoise
- 9C73C4
≈ Lilac Bush
Complementare divisa +150° +210°
- BB7722
Milvus Milvus Orange
- 0098B4
≈ Barrier Reef
- 7580D4
≈ Tanzine
Tetradico +90° +180° +270°
- BB7722
Milvus Milvus Orange
- 379F68
≈ Bulma Hair
- 3E8ED0
≈ Magical Merlin
- B869A5
≈ Pearly Purple
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.63:1 · APCA Lc 64
Ag
AASu nero
WCAG 5.77:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.77:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--milvus-milvus-orange: #bb7722;
--milvus-milvus-orange-rgb: 187 119 34;
--milvus-milvus-orange-oklch: oklch(0.628 0.127 66.5);
}
.element {
color: var(--milvus-milvus-orange);
background-color: hsl(33 69% 43%);
border-color: oklch(0.628 0.127 66.5);
}Tailwind CSS v4
@theme {
--color-milvus-milvus-orange: #bb7722;
--color-milvus-milvus-orange-50: #ffefcf;
--color-milvus-milvus-orange-100: #ffe1bb;
--color-milvus-milvus-orange-200: #f9cb9a;
--color-milvus-milvus-orange-300: #e2ab6e;
--color-milvus-milvus-orange-400: #d08e44;
--color-milvus-milvus-orange-500: #bd7200;
--color-milvus-milvus-orange-600: #a06105;
--color-milvus-milvus-orange-700: #804d07;
--color-milvus-milvus-orange-800: #603705;
--color-milvus-milvus-orange-900: #432604;
--color-milvus-milvus-orange-950: #2b1400;
}SCSS
$milvus-milvus-orange: #bb7722;
$milvus-milvus-orange-rgb: 187, 119, 34;
$milvus-milvus-orange-light: mix(#fff, $milvus-milvus-orange, 20%);
$milvus-milvus-orange-dark: mix(#000, $milvus-milvus-orange, 20%);
.element {
color: $milvus-milvus-orange;
box-shadow: 0 0 0 2px rgba($milvus-milvus-orange, 0.35);
}