Colore con nome più vicino · #BB5C00
#BB5C00
Colore con nome più vicino: Fire Ant
#BB5C00 (rgb(187 92 0), hsl(30 100% 37%), oklch(0.58 0.147 52.9)) è più vicino al colore con nome Fire Ant. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#BB5C00
oklch(0.58 0.147 52.9)
Conversioni di colore
- HEX
- #bb5c00
- RGB
- rgb(187 92 0)
- HSL
- hsl(30 100% 37%)
- HWB
- hwb(30 0% 27%)
- OKLCH
- oklch(0.58 0.147 52.9)
- OKLab
- oklab(0.58 0.089 0.117)
- CIE Lab
- lab(50.37 36.08 59.27)
- LCH
- lch(50.37 69.39 58.7)
- CMYK
- cmyk(0% 51% 100% 27%)
Tinte · Ombre · Toni
Tinte
- C36D2F
- CB7D4A
- D38E62
- DA9E78
- E1AE8F
- E8BEA5
- EECEBB
- F4DED2
- FAEFE8
Ombre
- A24F00
- 8A4200
- 733600
- 5C2A00
- 461F00
- 321400
- 1F0A00
- 0D0300
- 020000
Toni
- B66120
- B16531
- AB693E
- A66D49
- A07153
- 9A745D
- 947866
- 8E7B6F
- 877D78
Armonie di colore
Complementare +180°
- BB5C00
Fire Ant
- 0085B5
≈ Lucario Blue
Analogo -30° +30°
- BB5C00
Fire Ant
- C25050
≈ Autumn Fire
- 9C7200
≈ Barbarian Leather
Triadico +120° +240°
- BB5C00
Fire Ant
- 008F74
≈ Observatory
- 7F66C8
≈ Lavish Spending
Complementare divisa +150° +210°
- BB5C00
Fire Ant
- 008B94
≈ Tempo Teal
- 4A76D0
≈ Serenity’s Reign
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.52:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.64:1 · APCA Lc 31
Miglior colore del testo: #000000
WCAG 4.64:1 (AA) · APCA Lc 31
Contrast pairs
Frammenti di codice
CSS
:root {
--fire-ant: #bb5c00;
--fire-ant-rgb: 187 92 0;
--fire-ant-oklch: oklch(0.58 0.147 52.9);
}
.element {
color: var(--fire-ant);
background-color: hsl(30 100% 37%);
border-color: oklch(0.58 0.147 52.9);
}Tailwind CSS v4
@theme {
--color-fire-ant: #bb5c00;
--color-fire-ant-50: #ffebce;
--color-fire-ant-100: #ffdcba;
--color-fire-ant-200: #ffc498;
--color-fire-ant-300: #f1a26b;
--color-fire-ant-400: #e18342;
--color-fire-ant-500: #ce6400;
--color-fire-ant-600: #ae5500;
--color-fire-ant-700: #8c4403;
--color-fire-ant-800: #693004;
--color-fire-ant-900: #4a2104;
--color-fire-ant-950: #300f00;
}SCSS
$fire-ant: #bb5c00;
$fire-ant-rgb: 187, 92, 0;
$fire-ant-light: mix(#fff, $fire-ant, 20%);
$fire-ant-dark: mix(#000, $fire-ant, 20%);
.element {
color: $fire-ant;
box-shadow: 0 0 0 2px rgba($fire-ant, 0.35);
}