Colore con nome · #B3861E
Arrowwood
Arrowwood è #B3861E: rgb(179 134 30), hsl(42 71% 41%), oklch(0.647 0.124 82.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Arrowwood color name →
#B3861E
oklch(0.647 0.124 82.7)
Conversioni di colore
- HEX
- #b3861e
- RGB
- rgb(179 134 30)
- HSL
- hsl(42 71% 41%)
- HWB
- hwb(42 12% 30%)
- OKLCH
- oklch(0.647 0.124 82.7)
- OKLab
- oklab(0.647 0.016 0.123)
- CIE Lab
- lab(59.16 11.13 57.46)
- LCH
- lch(59.16 58.53 79)
- CMYK
- cmyk(0% 25% 83% 30%)
Tinte · Ombre · Toni
Tinte
- BB923F
- C29E57
- CAAA6E
- D2B683
- D9C298
- E1CEAC
- E8DAC1
- F0E7D6
- F7F3EA
Ombre
- 9B7419
- 846213
- 6E510E
- 584009
- 433005
- 2F2103
- 1D1301
- 0C0600
- 010100
Toni
- AE8631
- A9853E
- A48549
- 9F8553
- 9A845C
- 958364
- 8F836B
- 8A8272
- 858179
Armonie di colore
Complementare +180°
- B3861E
Arrowwood
- 658DDA
≈ United Nations Blue
Analogo -30° +30°
- B3861E
Arrowwood
- C8773F
≈ Rhumba Orange
- 8F962F
≈ Chorus of Frogs
Triadico +120° +240°
- B3861E
Arrowwood
- 00A1AC
≈ Aare River Brienz
- B273BA
≈ Moonlight Melody
Complementare divisa +150° +210°
- B3861E
Arrowwood
- 229ACD
≈ Structural Blue
- 917FD3
≈ Indigo Bloom
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.30:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.34:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.34:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--arrowwood: #b3861e;
--arrowwood-rgb: 179 134 30;
--arrowwood-oklch: oklch(0.647 0.124 82.7);
}
.element {
color: var(--arrowwood);
background-color: hsl(42 71% 41%);
border-color: oklch(0.647 0.124 82.7);
}Tailwind CSS v4
@theme {
--color-arrowwood: #b3861e;
--color-arrowwood-50: #fff3cd;
--color-arrowwood-100: #fbe5b9;
--color-arrowwood-200: #edd197;
--color-arrowwood-300: #d5b36a;
--color-arrowwood-400: #c2973d;
--color-arrowwood-500: #ae7c00;
--color-arrowwood-600: #936900;
--color-arrowwood-700: #765400;
--color-arrowwood-800: #583d00;
--color-arrowwood-900: #3e2a00;
--color-arrowwood-950: #271700;
}SCSS
$arrowwood: #b3861e;
$arrowwood-rgb: 179, 134, 30;
$arrowwood-light: mix(#fff, $arrowwood, 20%);
$arrowwood-dark: mix(#000, $arrowwood, 20%);
.element {
color: $arrowwood;
box-shadow: 0 0 0 2px rgba($arrowwood, 0.35);
}