Nazwany kolor · #954A4C
Circus Red
Circus Red to #954A4C: rgb(149 74 76), hsl(358 34% 44%), oklch(0.503 0.101 19.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Circus Red color name →
#954A4C
oklch(0.503 0.101 19.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A15C5C
- AC6D6D
- B77F7E
- C29090
- CDA2A1
- D7B4B3
- E1C7C6
- EBD9D9
- F5ECEC
Odcienie ciemniejsze
- 813F41
- 6D3536
- 5A2A2C
- 482022
- 371718
- 260E0F
- 160606
- 080202
- 010000
Tony
- 945051
- 925656
- 915C5C
- 8F6161
- 8D6666
- 8B6C6B
- 897170
- 867675
- 837B7B
Harmonie kolorów
Komplementarna +180°
- 954A4C
Circus Red
- 007277
≈ Essential Teal
Analogowa -30° +30°
- 954A4C
Circus Red
- 8E4A6C
≈ Goddess of Dawn
- 91512A
≈ Roasted Pecan
Triada +120° +240°
- 954A4C
Circus Red
- 437238
≈ Druid Green
- 40649D
≈ Mariner
Komplementarna rozszczepiona +150° +210°
- 954A4C
Circus Red
- 00765B
≈ Tropical Rainforest
- 006E92
≈ Tropic Sea
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.24:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.36:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.24:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
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);
}