Colore con nome più vicino · #9B5967
#9B5967
Colore con nome più vicino: Cherry Berry
#9B5967 (rgb(155 89 103), hsl(347 27% 48%), oklch(0.544 0.088 6.8)) è più vicino al colore con nome Cherry Berry. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#9B5967
oklch(0.544 0.088 6.8)
Conversioni di colore
- HEX
- #9b5967
- RGB
- rgb(155 89 103)
- HSL
- hsl(347 27% 48%)
- HWB
- hwb(347 35% 39%)
- OKLCH
- oklch(0.544 0.088 6.8)
- OKLab
- oklab(0.544 0.088 0.01)
- CIE Lab
- lab(46.01 29.08 4.4)
- LCH
- lch(46.01 29.41 8.6)
- CMYK
- cmyk(0% 43% 34% 39%)
Tinte · Ombre · Toni
Tinte
- A66975
- B07983
- BB8992
- C599A1
- CFAAB0
- D9BABF
- E2CBCF
- ECDCDF
- F6EEEF
Ombre
- 864C59
- 72404B
- 5E343D
- 4B2830
- 391D23
- 281317
- 18090C
- 090304
- 010000
Toni
- 995D69
- 97616C
- 94666E
- 926971
- 8F6D73
- 8D7176
- 8A7578
- 87797B
- 837C7D
Armonie di colore
Complementare +180°
- 9B5967
Cherry Berry
- 1B8078
≈ Autumn Pine Green
Analogo -30° +30°
- 9B5967
Cherry Berry
- 905B83
≈ Antique Fuchsia
- 9C5C4A
≈ Spicy Cayenne
Triadico +120° +240°
- 9B5967
Cherry Berry
- 62793E
≈ Noble Eric
- 4274A0
≈ Decoration Blue
Complementare divisa +150° +210°
- 9B5967
Cherry Berry
- 3F7F5B
≈ Leisure Green
- 1F7C91
≈ Pagoda
Tetradico +90° +180° +270°
- 9B5967
Cherry Berry
- 7E702D
≈ Wood Garlic
- 1B8078
≈ Autumn Pine Green
- 626BA3
≈ Twinkle Night
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.22:1 · APCA Lc 76
Ag
FailSu nero
WCAG 4.01:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--cherry-berry: #9b5967;
--cherry-berry-rgb: 155 89 103;
--cherry-berry-oklch: oklch(0.544 0.088 6.8);
}
.element {
color: var(--cherry-berry);
background-color: hsl(347 27% 48%);
border-color: oklch(0.544 0.088 6.8);
}Tailwind CSS v4
@theme {
--color-cherry-berry: #9b5967;
--color-cherry-berry-50: #ffebf0;
--color-cherry-berry-100: #ffdce2;
--color-cherry-berry-200: #f7c5cc;
--color-cherry-berry-300: #e0a5ae;
--color-cherry-berry-400: #cc8996;
--color-cherry-berry-500: #b86d7c;
--color-cherry-berry-600: #9b5c69;
--color-cherry-berry-700: #7d4a54;
--color-cherry-berry-800: #5c353e;
--color-cherry-berry-900: #40242b;
--color-cherry-berry-950: #291318;
}SCSS
$cherry-berry: #9b5967;
$cherry-berry-rgb: 155, 89, 103;
$cherry-berry-light: mix(#fff, $cherry-berry, 20%);
$cherry-berry-dark: mix(#000, $cherry-berry, 20%);
.element {
color: $cherry-berry;
box-shadow: 0 0 0 2px rgba($cherry-berry, 0.35);
}