Colore con nome · #794344
Cinnamon Cherry
Cinnamon Cherry è #794344: rgb(121 67 68), hsl(359 29% 37%), oklch(0.449 0.075 19.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Cinnamon Cherry color name →
#794344
oklch(0.449 0.075 19.3)
Conversioni di colore
- HEX
- #794344
- RGB
- rgb(121 67 68)
- HSL
- hsl(359 29% 37%)
- HWB
- hwb(359 26% 53%)
- OKLCH
- oklch(0.449 0.075 19.3)
- OKLab
- oklab(0.449 0.071 0.025)
- CIE Lab
- lab(35.26 23.93 10.14)
- LCH
- lch(35.26 25.99 23)
- CMYK
- cmyk(0% 45% 44% 53%)
Tinte · Ombre · Toni
Tinte
- 875455
- 946666
- A27878
- AF8A8A
- BC9D9D
- CAB0AF
- D7C3C3
- E4D7D7
- F2EBEB
Ombre
- 68393A
- 582F30
- 482626
- 391D1D
- 2B1414
- 1D0C0C
- 100505
- 050102
- 010000
Toni
- 7A494A
- 7C5050
- 7D5656
- 7E5C5B
- 7F6261
- 7F6867
- 806E6E
- 807474
- 807A7A
Armonie di colore
Complementare +180°
- 794344
Cinnamon Cherry
- 066165
≈ Beau Vert
Analogo -30° +30°
- 794344
Cinnamon Cherry
- 74435B
≈ Deep Carmine
- 76482E
≈ Cape Palliser
Triadico +120° +240°
- 794344
Cinnamon Cherry
- 3E5F36
≈ Verde Garrafa
- 3B557E
≈ Deep Azure
Complementare divisa +150° +210°
- 794344
Cinnamon Cherry
- 20624E
≈ Teal Drama
- 1E5C76
≈ Saltwater Denim
Tetradico +90° +180° +270°
- 794344
Cinnamon Cherry
- 585822
≈ Soldier Green
- 066165
≈ Beau Vert
- 544E7C
≈ Tangent Periwinkle
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.77:1 · APCA Lc 87
Ag
FailSu nero
WCAG 2.69:1 · APCA Lc 15
Miglior colore del testo: #FFFFFF
WCAG 7.77:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--cinnamon-cherry: #794344;
--cinnamon-cherry-rgb: 121 67 68;
--cinnamon-cherry-oklch: oklch(0.449 0.075 19.3);
}
.element {
color: var(--cinnamon-cherry);
background-color: hsl(359 29% 37%);
border-color: oklch(0.449 0.075 19.3);
}Tailwind CSS v4
@theme {
--color-cinnamon-cherry: #794344;
--color-cinnamon-cherry-50: #ffedec;
--color-cinnamon-cherry-100: #ffdfdd;
--color-cinnamon-cherry-200: #f3c8c6;
--color-cinnamon-cherry-300: #dba9a7;
--color-cinnamon-cherry-400: #c78d8d;
--color-cinnamon-cherry-500: #b27272;
--color-cinnamon-cherry-600: #976161;
--color-cinnamon-cherry-700: #794d4d;
--color-cinnamon-cherry-800: #5a3839;
--color-cinnamon-cherry-900: #3f2627;
--color-cinnamon-cherry-950: #281415;
}SCSS
$cinnamon-cherry: #794344;
$cinnamon-cherry-rgb: 121, 67, 68;
$cinnamon-cherry-light: mix(#fff, $cinnamon-cherry, 20%);
$cinnamon-cherry-dark: mix(#000, $cinnamon-cherry, 20%);
.element {
color: $cinnamon-cherry;
box-shadow: 0 0 0 2px rgba($cinnamon-cherry, 0.35);
}