Colore con nome · #C2852E
Simply Sienna
Simply Sienna è #C2852E: rgb(194 133 46), hsl(35 62% 47%), oklch(0.663 0.124 71.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Simply Sienna color name →
#C2852E
oklch(0.663 0.124 71.6)
Conversioni di colore
- HEX
- #c2852e
- RGB
- rgb(194 133 46)
- HSL
- hsl(35 62% 47%)
- HWB
- hwb(35 18% 24%)
- OKLCH
- oklch(0.663 0.124 71.6)
- OKLab
- oklab(0.663 0.039 0.118)
- CIE Lab
- lab(60.77 18.66 53.91)
- LCH
- lch(60.77 57.05 70.9)
- CMYK
- cmyk(0% 31% 76% 24%)
Tinte · Ombre · Toni
Tinte
- C99149
- CF9D5F
- D5AA74
- DCB688
- E2C29C
- E8CEB0
- EEDAC4
- F4E6D7
- F9F3EB
Ombre
- A87327
- 8F611F
- 775018
- 604012
- 49300B
- 342106
- 201302
- 0E0601
- 020100
Toni
- BC853B
- B58546
- AF8550
- A88458
- A28460
- 9B8367
- 94836E
- 8E8274
- 87817A
Armonie di colore
Complementare +180°
- C2852E
Simply Sienna
- 5697DD
≈ Little Boy Blue
Analogo -30° +30°
- C2852E
Simply Sienna
- D27754
≈ Clay Mug
- A39529
≈ Rapeseed Oil
Triadico +120° +240°
- C2852E
Simply Sienna
- 00A9A5
≈ Jade Orchid
- AC7CCB
≈ Wisteria
Complementare divisa +150° +210°
- C2852E
Simply Sienna
- 00A3C8
≈ Cyan Blue
- 8789DD
≈ Indigo Bloom
Tetradico +90° +180° +270°
- C2852E
Simply Sienna
- 3AAA7B
≈ Jubilant Jade
- 5697DD
≈ Little Boy Blue
- C673A9
≈ Bishop Red
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.13:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.68:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.68:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
CSS
:root {
--simply-sienna: #c2852e;
--simply-sienna-rgb: 194 133 46;
--simply-sienna-oklch: oklch(0.663 0.124 71.6);
}
.element {
color: var(--simply-sienna);
background-color: hsl(35 62% 47%);
border-color: oklch(0.663 0.124 71.6);
}Tailwind CSS v4
@theme {
--color-simply-sienna: #c2852e;
--color-simply-sienna-50: #fff1cf;
--color-simply-sienna-100: #ffe2bb;
--color-simply-sienna-200: #f5cd99;
--color-simply-sienna-300: #deae6d;
--color-simply-sienna-400: #cc9143;
--color-simply-sienna-500: #b87600;
--color-simply-sienna-600: #9b6400;
--color-simply-sienna-700: #7d5004;
--color-simply-sienna-800: #5d3903;
--color-simply-sienna-900: #412703;
--color-simply-sienna-950: #2a1500;
}SCSS
$simply-sienna: #c2852e;
$simply-sienna-rgb: 194, 133, 46;
$simply-sienna-light: mix(#fff, $simply-sienna, 20%);
$simply-sienna-dark: mix(#000, $simply-sienna, 20%);
.element {
color: $simply-sienna;
box-shadow: 0 0 0 2px rgba($simply-sienna, 0.35);
}