Colore con nome · #A14743
Roof Terracotta
Roof Terracotta è #A14743: rgb(161 71 67), hsl(3 41% 45%), oklch(0.514 0.121 24.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Roof Terracotta color name →
#A14743
oklch(0.514 0.121 24.8)
Conversioni di colore
- HEX
- #a14743
- RGB
- rgb(161 71 67)
- HSL
- hsl(3 41% 45%)
- HWB
- hwb(3 26% 37%)
- OKLCH
- oklch(0.514 0.121 24.8)
- OKLab
- oklab(0.514 0.11 0.051)
- CIE Lab
- lab(42.44 37.88 21.6)
- LCH
- lch(42.44 43.6 29.7)
- CMYK
- cmyk(0% 56% 58% 37%)
Tinte · Ombre · Toni
Tinte
- AC5A54
- B66C66
- C17E78
- CA908A
- D4A29D
- DDB4B0
- E6C7C3
- EFD9D7
- F7ECEB
Ombre
- 8B3D39
- 76322F
- 622826
- 4E1F1D
- 3C1614
- 2A0D0C
- 190605
- 090201
- 010000
Toni
- 9F4E49
- 9C5450
- 9A5A56
- 97605C
- 946662
- 916B68
- 8D716E
- 897674
- 857B7A
Armonie di colore
Complementare +180°
- A14743
Roof Terracotta
- 00757F
≈ Night Scape
Analogo -30° +30°
- A14743
Roof Terracotta
- 9B466B
≈ Satsuma Imo Red
- 9A5110
≈ Burnt Bagel
Triadico +120° +240°
- A14743
Roof Terracotta
- 337938
≈ Mermaid’s Tail
- 4464AC
≈ Kakitsubata Blue
Complementare divisa +150° +210°
- A14743
Roof Terracotta
- 007964
≈ Ultramarine Green
- 00709C
≈ Tofino Belue
Tetradico +90° +180° +270°
- A14743
Roof Terracotta
- 666E00
≈ Brownish Green
- 00757F
≈ Night Scape
- 6D57A5
≈ Prophet Violet
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.00:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.49:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 6.00:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--roof-terracotta: #a14743;
--roof-terracotta-rgb: 161 71 67;
--roof-terracotta-oklch: oklch(0.514 0.121 24.8);
}
.element {
color: var(--roof-terracotta);
background-color: hsl(3 41% 45%);
border-color: oklch(0.514 0.121 24.8);
}Tailwind CSS v4
@theme {
--color-roof-terracotta: #a14743;
--color-roof-terracotta-50: #ffe9e3;
--color-roof-terracotta-100: #ffd9d3;
--color-roof-terracotta-200: #ffc1b9;
--color-roof-terracotta-300: #ef9f96;
--color-roof-terracotta-400: #dd817a;
--color-roof-terracotta-500: #ca625d;
--color-roof-terracotta-600: #aa544f;
--color-roof-terracotta-700: #89433f;
--color-roof-terracotta-800: #66302e;
--color-roof-terracotta-900: #48201f;
--color-roof-terracotta-950: #2e0f0f;
}SCSS
$roof-terracotta: #a14743;
$roof-terracotta-rgb: 161, 71, 67;
$roof-terracotta-light: mix(#fff, $roof-terracotta, 20%);
$roof-terracotta-dark: mix(#000, $roof-terracotta, 20%);
.element {
color: $roof-terracotta;
box-shadow: 0 0 0 2px rgba($roof-terracotta, 0.35);
}