Colore con nome più vicino · #9F7D00
#9F7D00
Colore con nome più vicino: Bronze
#9F7D00 (rgb(159 125 0), hsl(47 100% 31%), oklch(0.605 0.124 89.5)) è più vicino al colore con nome Bronze. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#9F7D00
oklch(0.605 0.124 89.5)
Conversioni di colore
- HEX
- #9f7d00
- RGB
- rgb(159 125 0)
- HSL
- hsl(47 100% 31%)
- HWB
- hwb(47 0% 38%)
- OKLCH
- oklch(0.605 0.124 89.5)
- OKLab
- oklab(0.605 0.001 0.124)
- CIE Lab
- lab(54.47 6.43 59.36)
- LCH
- lch(54.47 59.71 83.8)
- CMYK
- cmyk(0% 21% 100% 38%)
Tinte · Ombre · Toni
Tinte
- A88A31
- B2974D
- BBA365
- C5B07B
- CEBD91
- D8CAA7
- E2D7BD
- EBE5D3
- F5F2E9
Ombre
- 8A6C00
- 755B00
- 614B00
- 4D3B00
- 3B2C00
- 291E00
- 181100
- 090500
- 010100
Toni
- 9C7E22
- 997E33
- 967F40
- 937F4B
- 908056
- 8C805F
- 898068
- 868070
- 838078
Armonie di colore
Complementare +180°
- 9F7D00
Bronze
- 647DCC
≈ Indigo Light
Analogo -30° +30°
- 9F7D00
Bronze
- B76D28
≈ Brown Alpaca
- 798C29
≈ Sassy Grass
Triadico +120° +240°
- 9F7D00
Bronze
- 0092A4
≈ Oasis
- AA65A5
≈ Iris Orchid
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.88:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.40:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.40:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--bronze: #9f7d00;
--bronze-rgb: 159 125 0;
--bronze-oklch: oklch(0.605 0.124 89.5);
}
.element {
color: var(--bronze);
background-color: hsl(47 100% 31%);
border-color: oklch(0.605 0.124 89.5);
}Tailwind CSS v4
@theme {
--color-bronze: #9f7d00;
--color-bronze-50: #fff5ce;
--color-bronze-100: #f7e7b9;
--color-bronze-200: #e7d397;
--color-bronze-300: #ceb56b;
--color-bronze-400: #bb9a3d;
--color-bronze-500: #a68100;
--color-bronze-600: #8d6d00;
--color-bronze-700: #715700;
--color-bronze-800: #543f00;
--color-bronze-900: #3b2b00;
--color-bronze-950: #251800;
}SCSS
$bronze: #9f7d00;
$bronze-rgb: 159, 125, 0;
$bronze-light: mix(#fff, $bronze, 20%);
$bronze-dark: mix(#000, $bronze, 20%);
.element {
color: $bronze;
box-shadow: 0 0 0 2px rgba($bronze, 0.35);
}