Colore con nome · #FB2943
Strawberry
Strawberry è #FB2943: rgb(251 41 67), hsl(353 96% 57%), oklch(0.638 0.238 22.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Strawberry color name →
#FB2943
oklch(0.638 0.238 22.1)
Conversioni di colore
- HEX
- #fb2943
- RGB
- rgb(251 41 67)
- HSL
- hsl(353 96% 57%)
- HWB
- hwb(353 16% 2%)
- OKLCH
- oklch(0.638 0.238 22.1)
- OKLab
- oklab(0.638 0.22 0.09)
- CIE Lab
- lab(55.48 76.04 41.81)
- LCH
- lch(55.48 86.78 28.8)
- CMYK
- cmyk(0% 84% 73% 2%)
Tinte · Ombre · Toni
Tinte
- FF4C57
- FF6669
- FF7C7C
- FF918E
- FFA4A1
- FFB7B3
- FFC9C6
- FFDBD9
- FFEDEC
Ombre
- DA2239
- BA1C2F
- 9C1526
- 7E0F1D
- 610914
- 46050C
- 2D0205
- 150101
- 030000
Toni
- F03D4B
- E54B52
- DA5658
- CF5F5F
- C36665
- B76D6A
- AA7370
- 9D7876
- 8F7C7B
Armonie di colore
Complementare +180°
- FB2943
Strawberry
- 009EA8
≈ Turkish Boy
Analogo -30° +30°
- FB2943
Strawberry
- ED2E9A
≈ Prickly Pink
- D66800
≈ Cinnamon
Triadico +120° +240°
- FB2943
Strawberry
- 10A900
≈ Always Greener Grass
- 4684FF
≈ Flickery C64
Complementare divisa +150° +210°
- FB2943
Strawberry
- 00A383
≈ Congo Green
- 0098CC
≈ Tomb Blue
Tetradico +90° +180° +270°
- FB2943
Strawberry
- 8E9300
≈ Old Asparagus
- 009EA8
≈ Turkish Boy
- 9369FF
≈ Purple Anemone
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.81:1 · APCA Lc 64
Ag
AASu nero
WCAG 5.50:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.50:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--strawberry: #fb2943;
--strawberry-rgb: 251 41 67;
--strawberry-oklch: oklch(0.638 0.238 22.1);
}
.element {
color: var(--strawberry);
background-color: hsl(353 96% 57%);
border-color: oklch(0.638 0.238 22.1);
}Tailwind CSS v4
@theme {
--color-strawberry: #fb2943;
--color-strawberry-50: #ffdbd4;
--color-strawberry-100: #ffc8c1;
--color-strawberry-200: #ffa9a2;
--color-strawberry-300: #ff7e79;
--color-strawberry-400: #ff4f5a;
--color-strawberry-500: #fd0034;
--color-strawberry-600: #d6002d;
--color-strawberry-700: #ac0024;
--color-strawberry-800: #81001c;
--color-strawberry-900: #5b0112;
--color-strawberry-950: #3d0005;
}SCSS
$strawberry: #fb2943;
$strawberry-rgb: 251, 41, 67;
$strawberry-light: mix(#fff, $strawberry, 20%);
$strawberry-dark: mix(#000, $strawberry, 20%);
.element {
color: $strawberry;
box-shadow: 0 0 0 2px rgba($strawberry, 0.35);
}