Colore con nome · #70474B
Formal Maroon
Formal Maroon è #70474B: rgb(112 71 75), hsl(354 22% 36%), oklch(0.446 0.057 13.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Formal Maroon color name →
#70474B
oklch(0.446 0.057 13.2)
Conversioni di colore
- HEX
- #70474b
- RGB
- rgb(112 71 75)
- HSL
- hsl(354 22% 36%)
- HWB
- hwb(354 28% 56%)
- OKLCH
- oklch(0.446 0.057 13.2)
- OKLab
- oklab(0.446 0.055 0.013)
- CIE Lab
- lab(35.1 18.49 5.27)
- LCH
- lch(35.1 19.23 15.9)
- CMYK
- cmyk(0% 37% 33% 56%)
Tinte · Ombre · Toni
Tinte
- 7E585B
- 8C696C
- 9A7A7D
- A88C8E
- B79FA0
- C5B1B3
- D3C4C5
- E2D8D8
- F0EBEB
Ombre
- 603D40
- 513235
- 43282B
- 351F21
- 271617
- 1A0D0E
- 0E0606
- 040202
- 010000
Toni
- 724D50
- 745255
- 76585A
- 785E60
- 796365
- 7B696A
- 7C6F70
- 7E7475
- 7F7A7B
Armonie di colore
Complementare +180°
- 70474B
Formal Maroon
- 295E5D
≈ Calypso Green
Analogo -30° +30°
- 70474B
Formal Maroon
- 6B485C
≈ Annis
- 6F4A3B
≈ Cappuccino
Triadico +120° +240°
- 70474B
Formal Maroon
- 485B3A
≈ Stinging Nettle
- 3E5673
≈ Champlain Blue
Complementare divisa +150° +210°
- 70474B
Formal Maroon
- 355E4B
≈ Wine Leaf
- 2D5B6B
≈ Night Shift
Tetradico +90° +180° +270°
- 70474B
Formal Maroon
- 5A562F
≈ Tucumán Green
- 295E5D
≈ Calypso Green
- 505073
≈ Provocative
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.80:1 · APCA Lc 87
Ag
FailSu nero
WCAG 2.69:1 · APCA Lc 15
Miglior colore del testo: #FFFFFF
WCAG 7.80:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--formal-maroon: #70474b;
--formal-maroon-rgb: 112 71 75;
--formal-maroon-oklch: oklch(0.446 0.057 13.2);
}
.element {
color: var(--formal-maroon);
background-color: hsl(354 22% 36%);
border-color: oklch(0.446 0.057 13.2);
}Tailwind CSS v4
@theme {
--color-formal-maroon: #70474b;
--color-formal-maroon-50: #ffeff0;
--color-formal-maroon-100: #fae1e2;
--color-formal-maroon-200: #eccbcc;
--color-formal-maroon-300: #d3acae;
--color-formal-maroon-400: #bd9195;
--color-formal-maroon-500: #a8777b;
--color-formal-maroon-600: #8e6568;
--color-formal-maroon-700: #725053;
--color-formal-maroon-800: #543a3d;
--color-formal-maroon-900: #3b282a;
--color-formal-maroon-950: #251618;
}SCSS
$formal-maroon: #70474b;
$formal-maroon-rgb: 112, 71, 75;
$formal-maroon-light: mix(#fff, $formal-maroon, 20%);
$formal-maroon-dark: mix(#000, $formal-maroon, 20%);
.element {
color: $formal-maroon;
box-shadow: 0 0 0 2px rgba($formal-maroon, 0.35);
}