Colore con nome · #323F75
Forbidden Blackberry
Forbidden Blackberry è #323F75: rgb(50 63 117), hsl(228 40% 33%), oklch(0.385 0.093 271.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Forbidden Blackberry color name →
#323F75
oklch(0.385 0.093 271.3)
Conversioni di colore
- HEX
- #323f75
- RGB
- rgb(50 63 117)
- HSL
- hsl(228 40% 33%)
- HWB
- hwb(228 20% 54%)
- OKLCH
- oklch(0.385 0.093 271.3)
- OKLab
- oklab(0.385 0.002 -0.093)
- CIE Lab
- lab(27.71 8.05 -33.29)
- LCH
- lch(27.71 34.25 283.6)
- CMYK
- cmyk(57% 46% 0% 54%)
Tinte · Ombre · Toni
Tinte
- 435183
- 566391
- 69759E
- 7D88AC
- 919BBA
- A6AEC8
- BCC2D5
- D2D6E3
- E8EAF1
Ombre
- 2A3565
- 222C55
- 1B2346
- 141B37
- 0D1229
- 070A1C
- 03040F
- 010105
- 000001
Toni
- 394677
- 404C78
- 48537A
- 4F597B
- 57607C
- 5F667D
- 676D7E
- 6F737F
- 787A80
Armonie di colore
Complementare +180°
- 323F75
Forbidden Blackberry
- 534200
≈ Roman Bronze
Analogo -30° +30°
- 323F75
Forbidden Blackberry
- 00486F
≈ Broadwater Blue
- 4D366D
≈ Petunia
Triadico +120° +240°
- 323F75
Forbidden Blackberry
- 6D2D23
≈ Hereford Cow Brown
- 105129
≈ Card Table Green
Complementare divisa +150° +210°
- 323F75
Forbidden Blackberry
- 653600
≈ Brown
- 3C4B00
≈ Godzilla
Tetradico +90° +180° +270°
- 323F75
Forbidden Blackberry
- 6A2B40
≈ Siren
- 534200
≈ Roman Bronze
- 004F46
≈ Fjord Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.98:1 · APCA Lc 93
Ag
FailSu nero
WCAG 2.10:1 · APCA Lc 9
Miglior colore del testo: #FFFFFF
WCAG 9.98:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--forbidden-blackberry: #323f75;
--forbidden-blackberry-rgb: 50 63 117;
--forbidden-blackberry-oklch: oklch(0.385 0.093 271.3);
}
.element {
color: var(--forbidden-blackberry);
background-color: hsl(228 40% 33%);
border-color: oklch(0.385 0.093 271.3);
}Tailwind CSS v4
@theme {
--color-forbidden-blackberry: #323f75;
--color-forbidden-blackberry-50: #ecf4ff;
--color-forbidden-blackberry-100: #dde7ff;
--color-forbidden-blackberry-200: #c7d2fd;
--color-forbidden-blackberry-300: #a7b5e8;
--color-forbidden-blackberry-400: #8a9cd6;
--color-forbidden-blackberry-500: #7082c4;
--color-forbidden-blackberry-600: #5f6ea6;
--color-forbidden-blackberry-700: #4b5885;
--color-forbidden-blackberry-800: #354163;
--color-forbidden-blackberry-900: #242d45;
--color-forbidden-blackberry-950: #13192d;
}SCSS
$forbidden-blackberry: #323f75;
$forbidden-blackberry-rgb: 50, 63, 117;
$forbidden-blackberry-light: mix(#fff, $forbidden-blackberry, 20%);
$forbidden-blackberry-dark: mix(#000, $forbidden-blackberry, 20%);
.element {
color: $forbidden-blackberry;
box-shadow: 0 0 0 2px rgba($forbidden-blackberry, 0.35);
}