Colore con nome · #C0863F
Amber Sienna
Amber Sienna è #C0863F: rgb(192 134 63), hsl(33 51% 50%), oklch(0.665 0.112 69.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Amber Sienna color name →
#C0863F
oklch(0.665 0.112 69.1)
Conversioni di colore
- HEX
- #c0863f
- RGB
- rgb(192 134 63)
- HSL
- hsl(33 51% 50%)
- HWB
- hwb(33 25% 25%)
- OKLCH
- oklch(0.665 0.112 69.1)
- OKLab
- oklab(0.665 0.04 0.105)
- CIE Lab
- lab(60.89 17.9 46.4)
- LCH
- lch(60.89 49.73 68.9)
- CMYK
- cmyk(0% 30% 67% 25%)
Tinte · Ombre · Toni
Tinte
- C79255
- CD9E69
- D4AA7C
- DAB68F
- E1C2A1
- E7CEB4
- EDDAC6
- F3E7D9
- F9F3EC
Ombre
- A77435
- 8E622C
- 765123
- 5F401B
- 493012
- 34210A
- 201304
- 0E0601
- 020100
Toni
- BA8648
- B48550
- AD8558
- A7855F
- A18465
- 9A836B
- 948370
- 8D8276
- 87817B
Armonie di colore
Complementare +180°
- C0863F
Amber Sienna
- 5998D6
≈ Blue Bay
Analogo -30° +30°
- C0863F
Amber Sienna
- CE7A5E
≈ Clay Mug
- A59439
≈ Shimmering Glade
Triadico +120° +240°
- C0863F
Amber Sienna
- 13A9A2
≈ Tropical Hideaway
- A880C8
≈ Wisteria
Complementare divisa +150° +210°
- C0863F
Amber Sienna
- 24A3C2
≈ Cyan Blue
- 858CD7
≈ Bailey Bells
Tetradico +90° +180° +270°
- C0863F
Amber Sienna
- 4DA87A
≈ Shamrock Green
- 5998D6
≈ Blue Bay
- C177AA
≈ Strawberry Freeze
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.12:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.72:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.72:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
CSS
:root {
--amber-sienna: #c0863f;
--amber-sienna-rgb: 192 134 63;
--amber-sienna-oklch: oklch(0.665 0.112 69.1);
}
.element {
color: var(--amber-sienna);
background-color: hsl(33 51% 50%);
border-color: oklch(0.665 0.112 69.1);
}Tailwind CSS v4
@theme {
--color-amber-sienna: #c0863f;
--color-amber-sienna-50: #fff1d3;
--color-amber-sienna-100: #ffe2c0;
--color-amber-sienna-200: #f3cda0;
--color-amber-sienna-300: #dcae76;
--color-amber-sienna-400: #c99250;
--color-amber-sienna-500: #b67720;
--color-amber-sienna-600: #99651e;
--color-amber-sienna-700: #7b5018;
--color-amber-sienna-800: #5c3a10;
--color-amber-sienna-900: #40280a;
--color-amber-sienna-950: #291500;
}SCSS
$amber-sienna: #c0863f;
$amber-sienna-rgb: 192, 134, 63;
$amber-sienna-light: mix(#fff, $amber-sienna, 20%);
$amber-sienna-dark: mix(#000, $amber-sienna, 20%);
.element {
color: $amber-sienna;
box-shadow: 0 0 0 2px rgba($amber-sienna, 0.35);
}