Colore con nome · #765269
Berry Conserve
Berry Conserve è #765269: rgb(118 82 105), hsl(322 18% 39%), oklch(0.485 0.058 340.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Berry Conserve color name →
#765269
oklch(0.485 0.058 340.9)
Conversioni di colore
- HEX
- #765269
- RGB
- rgb(118 82 105)
- HSL
- hsl(322 18% 39%)
- HWB
- hwb(322 32% 54%)
- OKLCH
- oklch(0.485 0.058 340.9)
- OKLab
- oklab(0.485 0.055 -0.019)
- CIE Lab
- lab(39.47 18.39 -7.02)
- LCH
- lch(39.47 19.69 339.1)
- CMYK
- cmyk(0% 31% 11% 54%)
Tinte · Ombre · Toni
Tinte
- 836277
- 917285
- 9E8394
- AC94A2
- B9A5B1
- C7B6C0
- D5C8D0
- E3DADF
- F1ECEF
Ombre
- 66465A
- 563B4C
- 472F3E
- 382531
- 291A24
- 1C1118
- 0F080C
- 050204
- 010000
Toni
- 77576B
- 795B6E
- 7A6070
- 7B6472
- 7C6974
- 7D6E77
- 7E7279
- 7F777B
- 7F7B7E
Armonie di colore
Complementare +180°
- 765269
Berry Conserve
- 406954
≈ June Ivy
Analogo -30° +30°
- 765269
Berry Conserve
- 6A5678
≈ Regal Gown
- 7C5157
≈ Sunset Red
Triadico +120° +240°
- 765269
Berry Conserve
- 666038
≈ Verdigris Foncé
- 366776
≈ Barbados
Complementare divisa +150° +210°
- 765269
Berry Conserve
- 546643
≈ Gretna Green
- 336A67
≈ North Sea
Tetradico +90° +180° +270°
- 765269
Berry Conserve
- 745939
≈ Shingle Fawn
- 406954
≈ June Ivy
- 46627F
≈ Stellar
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.60:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.18:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.60:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--berry-conserve: #765269;
--berry-conserve-rgb: 118 82 105;
--berry-conserve-oklch: oklch(0.485 0.058 340.9);
}
.element {
color: var(--berry-conserve);
background-color: hsl(322 18% 39%);
border-color: oklch(0.485 0.058 340.9);
}Tailwind CSS v4
@theme {
--color-berry-conserve: #765269;
--color-berry-conserve-50: #ffeffa;
--color-berry-conserve-100: #f7e1ed;
--color-berry-conserve-200: #e7cbdb;
--color-berry-conserve-300: #ceacbf;
--color-berry-conserve-400: #b791a9;
--color-berry-conserve-500: #a17792;
--color-berry-conserve-600: #88657b;
--color-berry-conserve-700: #6d5163;
--color-berry-conserve-800: #503b49;
--color-berry-conserve-900: #382833;
--color-berry-conserve-950: #22161e;
}SCSS
$berry-conserve: #765269;
$berry-conserve-rgb: 118, 82, 105;
$berry-conserve-light: mix(#fff, $berry-conserve, 20%);
$berry-conserve-dark: mix(#000, $berry-conserve, 20%);
.element {
color: $berry-conserve;
box-shadow: 0 0 0 2px rgba($berry-conserve, 0.35);
}