Colore con nome · #954A4C
Circus Red
Circus Red è #954A4C: rgb(149 74 76), hsl(358 34% 44%), oklch(0.503 0.101 19.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Circus Red color name →
#954A4C
oklch(0.503 0.101 19.7)
Conversioni di colore
- HEX
- #954a4c
- RGB
- rgb(149 74 76)
- HSL
- hsl(358 34% 44%)
- HWB
- hwb(358 29% 42%)
- OKLCH
- oklch(0.503 0.101 19.7)
- OKLab
- oklab(0.503 0.095 0.034)
- CIE Lab
- lab(41.27 32.28 14.15)
- LCH
- lch(41.27 35.24 23.7)
- CMYK
- cmyk(0% 50% 49% 42%)
Tinte · Ombre · Toni
Tinte
- A15C5C
- AC6D6D
- B77F7E
- C29090
- CDA2A1
- D7B4B3
- E1C7C6
- EBD9D9
- F5ECEC
Ombre
- 813F41
- 6D3536
- 5A2A2C
- 482022
- 371718
- 260E0F
- 160606
- 080202
- 010000
Toni
- 945051
- 925656
- 915C5C
- 8F6161
- 8D6666
- 8B6C6B
- 897170
- 867675
- 837B7B
Armonie di colore
Complementare +180°
- 954A4C
Circus Red
- 007277
≈ Essential Teal
Analogo -30° +30°
- 954A4C
Circus Red
- 8E4A6C
≈ Goddess of Dawn
- 91512A
≈ Roasted Pecan
Triadico +120° +240°
- 954A4C
Circus Red
- 437238
≈ Druid Green
- 40649D
≈ Mariner
Complementare divisa +150° +210°
- 954A4C
Circus Red
- 00765B
≈ Tropical Rainforest
- 006E92
≈ Tropic Sea
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.24:1 · APCA Lc 81
Ag
FailSu nero
WCAG 3.36:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.24:1 (AA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--circus-red: #954a4c;
--circus-red-rgb: 149 74 76;
--circus-red-oklch: oklch(0.503 0.101 19.7);
}
.element {
color: var(--circus-red);
background-color: hsl(358 34% 44%);
border-color: oklch(0.503 0.101 19.7);
}Tailwind CSS v4
@theme {
--color-circus-red: #954a4c;
--color-circus-red-50: #ffebe8;
--color-circus-red-100: #ffdbd9;
--color-circus-red-200: #fdc4c1;
--color-circus-red-300: #e7a3a0;
--color-circus-red-400: #d38686;
--color-circus-red-500: #c0696a;
--color-circus-red-600: #a2595a;
--color-circus-red-700: #824748;
--color-circus-red-800: #613335;
--color-circus-red-900: #442324;
--color-circus-red-950: #2c1213;
}SCSS
$circus-red: #954a4c;
$circus-red-rgb: 149, 74, 76;
$circus-red-light: mix(#fff, $circus-red, 20%);
$circus-red-dark: mix(#000, $circus-red, 20%);
.element {
color: $circus-red;
box-shadow: 0 0 0 2px rgba($circus-red, 0.35);
}