Cor nomeada · #BB7722
Milvus Milvus Orange
Milvus Milvus Orange é #BB7722: rgb(187 119 34), hsl(33 69% 43%), oklch(0.628 0.127 66.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Milvus Milvus Orange color name →
#BB7722
oklch(0.628 0.127 66.5)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- C28540
- CA9257
- D1A06D
- D8AD82
- DFBB97
- E5C8AC
- ECD6C0
- F3E4D5
- F9F1EA
Sombras
- A2671C
- 8A5716
- 734711
- 5C380B
- 462A07
- 321C03
- 1F1001
- 0D0500
- 020100
Tons
- B57832
- B07A3F
- AA7B49
- A47C53
- 9F7D5B
- 997E63
- 937F6B
- 8D7F72
- 868079
Harmonias de cor
Complementar +180°
- BB7722
Milvus Milvus Orange
- 3E8ED0
≈ Magical Merlin
Análoga -30° +30°
- BB7722
Milvus Milvus Orange
- C86A4F
≈ Raw Copper
- 9F870B
≈ Captain Kirk
Tríade +120° +240°
- BB7722
Milvus Milvus Orange
- 009D93
≈ Caribbean Turquoise
- 9C73C4
≈ Lilac Bush
Complementar dividida +150° +210°
- BB7722
Milvus Milvus Orange
- 0098B4
≈ Barrier Reef
- 7580D4
≈ Tanzine
Tétrade +90° +180° +270°
- BB7722
Milvus Milvus Orange
- 379F68
≈ Bulma Hair
- 3E8ED0
≈ Magical Merlin
- B869A5
≈ Pearly Purple
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.63:1 · APCA Lc 64
Ag
AASobre preto
WCAG 5.77:1 · APCA Lc 38
Melhor cor de texto: #000000
WCAG 5.77:1 (AA) · APCA Lc 38
Contrast pairs
Trechos de código
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);
}