Nazwany kolor · #A73340
American Beauty
American Beauty to #A73340: rgb(167 51 64), hsl(353 53% 43%), oklch(0.497 0.151 18.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · American Beauty color name →
#A73340
oklch(0.497 0.151 18.3)
Konwersje koloru
- HEX
- #a73340
- RGB
- rgb(167 51 64)
- HSL
- hsl(353 53% 43%)
- HWB
- hwb(353 20% 35%)
- OKLCH
- oklch(0.497 0.151 18.3)
- OKLab
- oklab(0.497 0.143 0.047)
- CIE Lab
- lab(40.05 48.63 20.68)
- LCH
- lch(40.05 52.84 23)
- CMYK
- cmyk(0% 69% 62% 35%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B24A52
- BD5F63
- C77376
- D08788
- D99B9B
- E2AEAF
- EAC2C2
- F1D6D6
- F8EBEA
Odcienie ciemniejsze
- 912B36
- 7B232D
- 661C24
- 52141B
- 3E0D13
- 2C070B
- 1A0305
- 0A0101
- 010000
Tony
- A53E47
- A2474D
- 9F4F53
- 9C575A
- 985F60
- 946666
- 906D6D
- 8B7373
- 867A7A
Harmonie kolorów
Komplementarna +180°
- A73340
American Beauty
- 007174
≈ Scaly Green
Analogowa -30° +30°
- A73340
American Beauty
- 9C3571
≈ Scarlet Flame
- 9D4500
≈ Oregon
Triada +120° +240°
- A73340
American Beauty
- 2E7507
≈ Battle Cat
- 235FB6
≈ Amnesia Blue
Komplementarna rozszczepiona +150° +210°
- A73340
American Beauty
- 007458
≈ Green Velvet
- 006C8E
≈ Copacabana
Tetrada +90° +180° +270°
- A73340
American Beauty
- 696600
≈ Earthy Khaki Green
- 007174
≈ Scaly Green
- 614FB2
≈ Ultrapurple Merge
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.58:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.19:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.58:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--american-beauty: #a73340;
--american-beauty-rgb: 167 51 64;
--american-beauty-oklch: oklch(0.497 0.151 18.3);
}
.element {
color: var(--american-beauty);
background-color: hsl(353 53% 43%);
border-color: oklch(0.497 0.151 18.3);
}Tailwind CSS v4
@theme {
--color-american-beauty: #a73340;
--color-american-beauty-50: #ffe5e3;
--color-american-beauty-100: #ffd5d3;
--color-american-beauty-200: #ffbbb9;
--color-american-beauty-300: #fb9797;
--color-american-beauty-400: #ea767c;
--color-american-beauty-500: #d7535f;
--color-american-beauty-600: #b64750;
--color-american-beauty-700: #923940;
--color-american-beauty-800: #6d2830;
--color-american-beauty-900: #4d1b20;
--color-american-beauty-950: #320a10;
}SCSS
$american-beauty: #a73340;
$american-beauty-rgb: 167, 51, 64;
$american-beauty-light: mix(#fff, $american-beauty, 20%);
$american-beauty-dark: mix(#000, $american-beauty, 20%);
.element {
color: $american-beauty;
box-shadow: 0 0 0 2px rgba($american-beauty, 0.35);
}