Benannte Farbe · #B0063D
Ruby Queen
Ruby Queen ist #B0063D: rgb(176 6 61), hsl(341 93% 36%), oklch(0.484 0.191 13.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Ruby Queen color name →
#B0063D
oklch(0.484 0.191 13.8)
Farbumrechnungen
- HEX
- #b0063d
- RGB
- rgb(176 6 61)
- HSL
- hsl(341 93% 36%)
- HWB
- hwb(341 2% 31%)
- OKLCH
- oklch(0.484 0.191 13.8)
- OKLab
- oklab(0.484 0.185 0.045)
- CIE Lab
- lab(37.97 61.69 20.41)
- LCH
- lch(37.97 64.97 18.3)
- CMYK
- cmyk(0% 97% 65% 31%)
Tints · Shades · Tones
Tints
- BB334F
- C64E61
- CF6673
- D87C86
- E19299
- E8A8AD
- EFBEC1
- F5D3D5
- FBE9EA
Shades
- 990434
- 82032B
- 6C0222
- 56011A
- 420112
- 2E000A
- 1C0004
- 0B0001
- 010000
Tones
- AD2544
- AA354A
- A74251
- A34D58
- 9F575E
- 9A6065
- 95686C
- 8F7073
- 887879
Farbharmonien
Komplementär +180°
- B0063D
Ruby Queen
- 006D6C
≈ Caribbean Current
Analog -30° +30°
- B0063D
Ruby Queen
- A11979
≈ Fabric of Love
- 9C3C00
≈ Muddy
Triadisch +120° +240°
- B0063D
Ruby Queen
- 3B6E00
≈ Tatzelwurm Green
- 005EB2
≈ Greek Flag Blue
Geteilt komplementär +150° +210°
- B0063D
Ruby Queen
- 00704E
≈ Natural Watercourse
- 006984
≈ Ansel
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.14:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 2.93:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 7.14:1 (AAA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--ruby-queen: #b0063d;
--ruby-queen-rgb: 176 6 61;
--ruby-queen-oklch: oklch(0.484 0.191 13.8);
}
.element {
color: var(--ruby-queen);
background-color: hsl(341 93% 36%);
border-color: oklch(0.484 0.191 13.8);
}Tailwind CSS v4
@theme {
--color-ruby-queen: #b0063d;
--color-ruby-queen-50: #ffe0e3;
--color-ruby-queen-100: #ffced2;
--color-ruby-queen-200: #ffb2b9;
--color-ruby-queen-300: #ff8b96;
--color-ruby-queen-400: #f9657c;
--color-ruby-queen-500: #e8395f;
--color-ruby-queen-600: #c43351;
--color-ruby-queen-700: #9e2840;
--color-ruby-queen-800: #751b31;
--color-ruby-queen-900: #531221;
--color-ruby-queen-950: #370310;
}SCSS
$ruby-queen: #b0063d;
$ruby-queen-rgb: 176, 6, 61;
$ruby-queen-light: mix(#fff, $ruby-queen, 20%);
$ruby-queen-dark: mix(#000, $ruby-queen, 20%);
.element {
color: $ruby-queen;
box-shadow: 0 0 0 2px rgba($ruby-queen, 0.35);
}