Colore con nome · #BD1C30
Ruby Shard
Ruby Shard è #BD1C30: rgb(189 28 48), hsl(353 74% 43%), oklch(0.515 0.192 22.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Ruby Shard color name →
#BD1C30
oklch(0.515 0.192 22.1)
Conversioni di colore
- HEX
- #bd1c30
- RGB
- rgb(189 28 48)
- HSL
- hsl(353 74% 43%)
- HWB
- hwb(353 11% 26%)
- OKLCH
- oklch(0.515 0.192 22.1)
- OKLab
- oklab(0.515 0.178 0.072)
- CIE Lab
- lab(41.74 61.47 33.8)
- LCH
- lch(41.74 70.15 28.8)
- CMYK
- cmyk(0% 85% 75% 26%)
Tinte · Ombre · Toni
Tinte
- C73E44
- D05758
- D86D6C
- E08380
- E79895
- EDACA9
- F3C1BE
- F8D6D4
- FCEAE9
Ombre
- A41728
- 8C1221
- 740D1A
- 5D0813
- 47050C
- 330206
- 1F0103
- 0D0001
- 020000
Toni
- B93039
- B43E42
- AF494A
- AA5352
- A55C5A
- 9F6462
- 986B69
- 917371
- 897978
Armonie di colore
Complementare +180°
- BD1C30
Ruby Shard
- 00767D
≈ Hypnotic Sea
Analogo -30° +30°
- BD1C30
Ruby Shard
- B22073
≈ Botticelli
- A04D00
≈ Burnt Bagel
Triadico +120° +240°
- BD1C30
Ruby Shard
- 097E00
≈ Hulk
- 225DD4
≈ Bnei Brak Bay
Complementare divisa +150° +210°
- BD1C30
Ruby Shard
- 007A61
≈ Emerald Dream
- 007199
≈ Tofino Belue
Tetradico +90° +180° +270°
- BD1C30
Ruby Shard
- 6A6D00
≈ Brownish Green
- 00767D
≈ Hypnotic Sea
- 6E47CA
≈ Purple Rain
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.22:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.37:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 6.22:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--ruby-shard: #bd1c30;
--ruby-shard-rgb: 189 28 48;
--ruby-shard-oklch: oklch(0.515 0.192 22.1);
}
.element {
color: var(--ruby-shard);
background-color: hsl(353 74% 43%);
border-color: oklch(0.515 0.192 22.1);
}Tailwind CSS v4
@theme {
--color-ruby-shard: #bd1c30;
--color-ruby-shard-50: #ffe0da;
--color-ruby-shard-100: #ffcfc9;
--color-ruby-shard-200: #ffb3ac;
--color-ruby-shard-300: #ff8c86;
--color-ruby-shard-400: #fb6669;
--color-ruby-shard-500: #ea3a48;
--color-ruby-shard-600: #c6333d;
--color-ruby-shard-700: #9f2931;
--color-ruby-shard-800: #771b25;
--color-ruby-shard-900: #541218;
--color-ruby-shard-950: #380309;
}SCSS
$ruby-shard: #bd1c30;
$ruby-shard-rgb: 189, 28, 48;
$ruby-shard-light: mix(#fff, $ruby-shard, 20%);
$ruby-shard-dark: mix(#000, $ruby-shard, 20%);
.element {
color: $ruby-shard;
box-shadow: 0 0 0 2px rgba($ruby-shard, 0.35);
}