Nazwany kolor · #B43B3D
Scarlet Tanager
Scarlet Tanager to #B43B3D: rgb(180 59 61), hsl(359 51% 47%), oklch(0.528 0.157 23.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Scarlet Tanager color name →
#B43B3D
oklch(0.528 0.157 23.4)
Konwersje koloru
- HEX
- #b43b3d
- RGB
- rgb(180 59 61)
- HSL
- hsl(359 51% 47%)
- HWB
- hwb(359 23% 29%)
- OKLCH
- oklch(0.528 0.157 23.4)
- OKLab
- oklab(0.528 0.144 0.062)
- CIE Lab
- lab(43.61 49.74 27.55)
- LCH
- lch(43.61 56.86 29)
- CMYK
- cmyk(0% 67% 66% 29%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BE514F
- C76562
- D07975
- D88C87
- E09F9B
- E7B2AE
- EEC5C2
- F4D8D6
- FAECEA
Odcienie ciemniejsze
- 9C3234
- 85292B
- 6E2122
- 58191A
- 441112
- 30090A
- 1D0404
- 0C0101
- 020000
Tony
- B04544
- AC4D4B
- A85552
- A45C59
- 9F635F
- 996966
- 946F6D
- 8E7573
- 877B7A
Harmonie kolorów
Komplementarna +180°
- B43B3D
Scarlet Tanager
- 007A82
≈ Mediterranean Cove
Analogowa -30° +30°
- B43B3D
Scarlet Tanager
- AB3B72
≈ Maximum Red Purple
- A45100
≈ Windsor Brown
Triada +120° +240°
- B43B3D
Scarlet Tanager
- 1F8123
≈ Tree Green
- 3965C4
≈ God of Rain
Komplementarna rozszczepiona +150° +210°
- B43B3D
Scarlet Tanager
- 007E66
≈ Generic Viridian
- 0074A0
≈ Cat’s Purr
Tetrada +90° +180° +270°
- B43B3D
Scarlet Tanager
- 6C7200
≈ Spinach Soup
- 007A82
≈ Mediterranean Cove
- 7154BC
≈ Fuchsia Blue
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.77:1 · APCA Lc 78
Ag
FailNa czerni
WCAG 3.63:1 · APCA Lc 24
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.77:1 (AA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--scarlet-tanager: #b43b3d;
--scarlet-tanager-rgb: 180 59 61;
--scarlet-tanager-oklch: oklch(0.528 0.157 23.4);
}
.element {
color: var(--scarlet-tanager);
background-color: hsl(359 51% 47%);
border-color: oklch(0.528 0.157 23.4);
}Tailwind CSS v4
@theme {
--color-scarlet-tanager: #b43b3d;
--color-scarlet-tanager-50: #ffe5de;
--color-scarlet-tanager-100: #ffd4cd;
--color-scarlet-tanager-200: #ffbab2;
--color-scarlet-tanager-300: #fe968e;
--color-scarlet-tanager-400: #ed7571;
--color-scarlet-tanager-500: #db5152;
--color-scarlet-tanager-600: #b94646;
--color-scarlet-tanager-700: #943837;
--color-scarlet-tanager-800: #6f2729;
--color-scarlet-tanager-900: #4e1a1c;
--color-scarlet-tanager-950: #330a0c;
}SCSS
$scarlet-tanager: #b43b3d;
$scarlet-tanager-rgb: 180, 59, 61;
$scarlet-tanager-light: mix(#fff, $scarlet-tanager, 20%);
$scarlet-tanager-dark: mix(#000, $scarlet-tanager, 20%);
.element {
color: $scarlet-tanager;
box-shadow: 0 0 0 2px rgba($scarlet-tanager, 0.35);
}