Colore con nome · #A1395D
Boysenberry Pink
Boysenberry Pink è #A1395D: rgb(161 57 93), hsl(339 48% 43%), oklch(0.502 0.141 2.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Boysenberry Pink color name →
#A1395D
oklch(0.502 0.141 2.2)
Conversioni di colore
- HEX
- #a1395d
- RGB
- rgb(161 57 93)
- HSL
- hsl(339 48% 43%)
- HWB
- hwb(339 22% 37%)
- OKLCH
- oklch(0.502 0.141 2.2)
- OKLab
- oklab(0.502 0.141 0.006)
- CIE Lab
- lab(40.45 45.99 2.81)
- LCH
- lch(40.45 46.08 3.5)
- CMYK
- cmyk(0% 65% 42% 37%)
Tinte · Ombre · Toni
Tinte
- AC4E6C
- B7627B
- C2758A
- CC899A
- D59CAA
- DEAFBB
- E7C3CB
- EFD7DC
- F7EBEE
Ombre
- 8B3050
- 762843
- 621F37
- 4E172A
- 3C101F
- 2A0914
- 19040A
- 090103
- 010000
Toni
- 9F4260
- 9D4A64
- 9A5267
- 98596B
- 95606E
- 916772
- 8E6D75
- 8A7479
- 857A7C
Armonie di colore
Complementare +180°
- A1395D
Boysenberry Pink
- 007468
≈ Pharaoh’s Gem
Analogo -30° +30°
- A1395D
Boysenberry Pink
- 904087
≈ Dahlia
- A53D2A
≈ Edocha
Triadico +120° +240°
- A1395D
Boysenberry Pink
- 586E00
≈ Over the Hills
- 006AA1
≈ Jazz Blue
Complementare divisa +150° +210°
- A1395D
Boysenberry Pink
- 00783C
≈ Jordan Jazz
- 007081
≈ Caribbean Dream
Tetradico +90° +180° +270°
- A1395D
Boysenberry Pink
- 796100
≈ Spicy Mustard
- 007468
≈ Pharaoh’s Gem
- 495AB3
≈ Chinese Bellflower
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.44:1 · APCA Lc 81
Ag
FailSu nero
WCAG 3.25:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.44:1 (AA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--boysenberry-pink: #a1395d;
--boysenberry-pink-rgb: 161 57 93;
--boysenberry-pink-oklch: oklch(0.502 0.141 2.2);
}
.element {
color: var(--boysenberry-pink);
background-color: hsl(339 48% 43%);
border-color: oklch(0.502 0.141 2.2);
}Tailwind CSS v4
@theme {
--color-boysenberry-pink: #a1395d;
--color-boysenberry-pink-50: #ffe5f0;
--color-boysenberry-pink-100: #ffd5e2;
--color-boysenberry-pink-200: #ffbbcd;
--color-boysenberry-pink-300: #f498af;
--color-boysenberry-pink-400: #e17897;
--color-boysenberry-pink-500: #cf577e;
--color-boysenberry-pink-600: #ae4b6b;
--color-boysenberry-pink-700: #8c3c55;
--color-boysenberry-pink-800: #682a40;
--color-boysenberry-pink-900: #491c2c;
--color-boysenberry-pink-950: #300c19;
}SCSS
$boysenberry-pink: #a1395d;
$boysenberry-pink-rgb: 161, 57, 93;
$boysenberry-pink-light: mix(#fff, $boysenberry-pink, 20%);
$boysenberry-pink-dark: mix(#000, $boysenberry-pink, 20%);
.element {
color: $boysenberry-pink;
box-shadow: 0 0 0 2px rgba($boysenberry-pink, 0.35);
}