Benannte Farbe · #9C2542
Big Dip O’ruby
Big Dip O’ruby ist #9C2542: rgb(156 37 66), hsl(345 62% 38%), oklch(0.464 0.155 11.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Big Dip O’ruby color name →
#9C2542
oklch(0.464 0.155 11.8)
Farbumrechnungen
- HEX
- #9c2542
- RGB
- rgb(156 37 66)
- HSL
- hsl(345 62% 38%)
- HWB
- hwb(345 15% 39%)
- OKLCH
- oklch(0.464 0.155 11.8)
- OKLab
- oklab(0.464 0.151 0.032)
- CIE Lab
- lab(36.09 50.18 13.77)
- LCH
- lch(36.09 52.03 15.4)
- CMYK
- cmyk(0% 76% 58% 39%)
Tints · Shades · Tones
Tints
- A83F53
- B45564
- BF6B76
- CA8089
- D4949C
- DEA9AF
- E7BFC2
- EFD4D6
- F7E9EA
Shades
- 871F38
- 73192F
- 5F1325
- 4C0D1C
- 390814
- 28040B
- 180205
- 090001
- 010000
Tones
- 9B3248
- 9A3E4E
- 984754
- 96515A
- 935961
- 916167
- 8D696D
- 897173
- 85797A
Farbharmonien
Komplementär +180°
- 9C2542
Big Dip O’ruby
- 006764
≈ Peacock Pride
Analog -30° +30°
- 9C2542
Big Dip O’ruby
- 8F2B71
≈ Beetiful Magenta
- 963500
≈ Chocoholic
Triadisch +120° +240°
- 9C2542
Big Dip O’ruby
- 3D6700
≈ Tatzelwurm Green
- 005AA3
≈ Princess Blue
Geteilt komplementär +150° +210°
- 9C2542
Big Dip O’ruby
- 006A47
≈ Vegan Green
- 00637B
≈ Jamaican Dream
Tetradisch +90° +180° +270°
- 9C2542
Big Dip O’ruby
- 655A00
≈ Brussels Sprout Green
- 006764
≈ Peacock Pride
- 4F48AC
≈ Swiss Plum
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.61:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.75:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.61:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--big-dip-o-ruby: #9c2542;
--big-dip-o-ruby-rgb: 156 37 66;
--big-dip-o-ruby-oklch: oklch(0.464 0.155 11.8);
}
.element {
color: var(--big-dip-o-ruby);
background-color: hsl(345 62% 38%);
border-color: oklch(0.464 0.155 11.8);
}Tailwind CSS v4
@theme {
--color-big-dip-o-ruby: #9c2542;
--color-big-dip-o-ruby-50: #ffe4e8;
--color-big-dip-o-ruby-100: #ffd3d8;
--color-big-dip-o-ruby-200: #ffb9c0;
--color-big-dip-o-ruby-300: #fc95a0;
--color-big-dip-o-ruby-400: #ea7486;
--color-big-dip-o-ruby-500: #d8516b;
--color-big-dip-o-ruby-600: #b6455b;
--color-big-dip-o-ruby-700: #933748;
--color-big-dip-o-ruby-800: #6d2736;
--color-big-dip-o-ruby-900: #4d1a25;
--color-big-dip-o-ruby-950: #320a14;
}SCSS
$big-dip-o-ruby: #9c2542;
$big-dip-o-ruby-rgb: 156, 37, 66;
$big-dip-o-ruby-light: mix(#fff, $big-dip-o-ruby, 20%);
$big-dip-o-ruby-dark: mix(#000, $big-dip-o-ruby, 20%);
.element {
color: $big-dip-o-ruby;
box-shadow: 0 0 0 2px rgba($big-dip-o-ruby, 0.35);
}