Colore con nome · #B9030A
Bullseye
Bullseye è #B9030A: rgb(185 3 10), hsl(358 97% 37%), oklch(0.495 0.201 28.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Bullseye color name →
#B9030A
oklch(0.495 0.201 28.3)
Conversioni di colore
- HEX
- #b9030a
- RGB
- rgb(185 3 10)
- HSL
- hsl(358 97% 37%)
- HWB
- hwb(358 1% 27%)
- OKLCH
- oklch(0.495 0.201 28.3)
- OKLab
- oklab(0.495 0.177 0.095)
- CIE Lab
- lab(39.37 63.25 51.1)
- LCH
- lch(39.37 81.31 38.9)
- CMYK
- cmyk(0% 98% 95% 27%)
Tinte · Ombre · Toni
Tinte
- C3352C
- CD5045
- D6685C
- DE7F72
- E69489
- ECAAA0
- F2BFB7
- F7D4CF
- FCEAE7
Ombre
- A00207
- 890205
- 710103
- 5B0102
- 460001
- 310001
- 1E0000
- 0D0000
- 020000
Toni
- B5251F
- B1362D
- AD4339
- A84E44
- A3584F
- 9E6159
- 976A63
- 90716D
- 897976
Armonie di colore
Complementare +180°
- B9030A
Bullseye
- 006F7B
≈ Carnival Night
Analogo -30° +30°
- B9030A
Bullseye
- B10061
≈ Plum Paradise
- 924D00
≈ Warm Brown
Triadico +120° +240°
- B9030A
Bullseye
- 00762E
≈ Forestial
- 3450D2
≈ Gorgonzola Blue
Complementare divisa +150° +210°
- B9030A
Bullseye
- 007262
≈ Falcon Turquoise
- 006999
≈ Hydra
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.81:1 · APCA Lc 81
Ag
FailSu nero
WCAG 3.08:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.81:1 (AA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--bullseye: #b9030a;
--bullseye-rgb: 185 3 10;
--bullseye-oklch: oklch(0.495 0.201 28.3);
}
.element {
color: var(--bullseye);
background-color: hsl(358 97% 37%);
border-color: oklch(0.495 0.201 28.3);
}Tailwind CSS v4
@theme {
--color-bullseye: #b9030a;
--color-bullseye-50: #ffe0d3;
--color-bullseye-100: #ffcfc0;
--color-bullseye-200: #ffb3a0;
--color-bullseye-300: #ff8c77;
--color-bullseye-400: #ff6556;
--color-bullseye-500: #ee352d;
--color-bullseye-600: #c93028;
--color-bullseye-700: #a2261f;
--color-bullseye-800: #791919;
--color-bullseye-900: #561110;
--color-bullseye-950: #390203;
}SCSS
$bullseye: #b9030a;
$bullseye-rgb: 185, 3, 10;
$bullseye-light: mix(#fff, $bullseye, 20%);
$bullseye-dark: mix(#000, $bullseye, 20%);
.element {
color: $bullseye;
box-shadow: 0 0 0 2px rgba($bullseye, 0.35);
}