Benannte Farbe · #802C3A
Bicyclette
Bicyclette ist #802C3A: rgb(128 44 58), hsl(350 49% 34%), oklch(0.421 0.116 13.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Bicyclette color name →
#802C3A
oklch(0.421 0.116 13.7)
Farbumrechnungen
- HEX
- #802c3a
- RGB
- rgb(128 44 58)
- HSL
- hsl(350 49% 34%)
- HWB
- hwb(350 17% 50%)
- OKLCH
- oklch(0.421 0.116 13.7)
- OKLab
- oklab(0.421 0.113 0.027)
- CIE Lab
- lab(31.5 37.68 11.7)
- LCH
- lch(31.5 39.45 17.3)
- CMYK
- cmyk(0% 66% 55% 50%)
Tints · Shades · Tones
Tints
- 8E414B
- 9C565D
- A96A70
- B67F83
- C39397
- D0A8AB
- DCBDBF
- E8D3D4
- F4E9E9
Shades
- 6E2531
- 5D1E28
- 4D1720
- 3D1118
- 2E0A10
- 1F0509
- 120204
- 060101
- 010000
Tones
- 813641
- 823F47
- 83484E
- 845055
- 84585C
- 846163
- 84686A
- 837071
- 827879
Farbharmonien
Komplementär +180°
- 802C3A
Bicyclette
- 005958
≈ Deep Sea Green
Analog -30° +30°
- 802C3A
Bicyclette
- 772E5D
≈ Magenta Purple
- 7F330A
≈ Red Beech
Triadisch +120° +240°
- 802C3A
Bicyclette
- 315A06
≈ Deep Forestial Escapade
- 154E8A
≈ Olympian Blue
Geteilt komplementär +150° +210°
- 802C3A
Bicyclette
- 005C3F
≈ Spruce
- 00566D
≈ Submersible
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.97:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.33:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 8.97:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--bicyclette: #802c3a;
--bicyclette-rgb: 128 44 58;
--bicyclette-oklch: oklch(0.421 0.116 13.7);
}
.element {
color: var(--bicyclette);
background-color: hsl(350 49% 34%);
border-color: oklch(0.421 0.116 13.7);
}Tailwind CSS v4
@theme {
--color-bicyclette: #802c3a;
--color-bicyclette-50: #ffe8ea;
--color-bicyclette-100: #ffd9db;
--color-bicyclette-200: #ffc1c4;
--color-bicyclette-300: #ed9fa4;
--color-bicyclette-400: #da818a;
--color-bicyclette-500: #c6626f;
--color-bicyclette-600: #a8545e;
--color-bicyclette-700: #87434b;
--color-bicyclette-800: #643038;
--color-bicyclette-900: #462026;
--color-bicyclette-950: #2d1015;
}SCSS
$bicyclette: #802c3a;
$bicyclette-rgb: 128, 44, 58;
$bicyclette-light: mix(#fff, $bicyclette, 20%);
$bicyclette-dark: mix(#000, $bicyclette, 20%);
.element {
color: $bicyclette;
box-shadow: 0 0 0 2px rgba($bicyclette, 0.35);
}