Colore con nome · #8C4268
Bonbon Red
Bonbon Red è #8C4268: rgb(140 66 104), hsl(329 36% 40%), oklch(0.486 0.11 349.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Bonbon Red color name →
#8C4268
oklch(0.486 0.11 349.9)
Conversioni di colore
- HEX
- #8c4268
- RGB
- rgb(140 66 104)
- HSL
- hsl(329 36% 40%)
- HWB
- hwb(329 26% 45%)
- OKLCH
- oklch(0.486 0.11 349.9)
- OKLab
- oklab(0.486 0.109 -0.019)
- CIE Lab
- lab(38.86 35.47 -6.89)
- LCH
- lch(38.86 36.13 349)
- CMYK
- cmyk(0% 53% 26% 45%)
Tinte · Ombre · Toni
Tinte
- 985476
- A56784
- B07993
- BC8BA2
- C89EB1
- D3B1C0
- DEC4CF
- E9D7DF
- F4EBEF
Ombre
- 793859
- 672F4B
- 55253E
- 431C30
- 331424
- 230B18
- 14050C
- 070104
- 010000
Toni
- 8C496A
- 8B506D
- 8B566F
- 8A5C72
- 896274
- 876876
- 866E79
- 84747B
- 827A7E
Armonie di colore
Complementare +180°
- 8C4268
Bonbon Red
- 007057
≈ Teal Dark Green
Analogo -30° +30°
- 8C4268
Bonbon Red
- 7A4886
≈ Nightly Violet
- 934245
≈ Classic Cherry
Triadico +120° +240°
- 8C4268
Bonbon Red
- 636400
≈ Mud Green
- 00688B
≈ Pulsating Blue
Complementare divisa +150° +210°
- 8C4268
Bonbon Red
- 3A6E2E
≈ San Felix
- 006D72
≈ Teal Motif
Tetradico +90° +180° +270°
- 8C4268
Bonbon Red
- 7D5800
≈ Qahvei Brown
- 007057
≈ Teal Dark Green
- 385E9D
≈ Raftsman
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.78:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.09:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.78:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--bonbon-red: #8c4268;
--bonbon-red-rgb: 140 66 104;
--bonbon-red-oklch: oklch(0.486 0.11 349.9);
}
.element {
color: var(--bonbon-red);
background-color: hsl(329 36% 40%);
border-color: oklch(0.486 0.11 349.9);
}Tailwind CSS v4
@theme {
--color-bonbon-red: #8c4268;
--color-bonbon-red-50: #ffe9f8;
--color-bonbon-red-100: #ffd9ec;
--color-bonbon-red-200: #fbc1d9;
--color-bonbon-red-300: #e4a0bd;
--color-bonbon-red-400: #d083a8;
--color-bonbon-red-500: #bc6590;
--color-bonbon-red-600: #9f567a;
--color-bonbon-red-700: #7f4562;
--color-bonbon-red-800: #5e3149;
--color-bonbon-red-900: #422233;
--color-bonbon-red-950: #2a111e;
}SCSS
$bonbon-red: #8c4268;
$bonbon-red-rgb: 140, 66, 104;
$bonbon-red-light: mix(#fff, $bonbon-red, 20%);
$bonbon-red-dark: mix(#000, $bonbon-red, 20%);
.element {
color: $bonbon-red;
box-shadow: 0 0 0 2px rgba($bonbon-red, 0.35);
}