Colore con nome più vicino · #A25372
#A25372
Colore con nome più vicino: Cherry Berry
#A25372 (rgb(162 83 114), hsl(336 32% 48%), oklch(0.547 0.11 356.5)) è più vicino al colore con nome Cherry Berry. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#A25372
oklch(0.547 0.11 356.5)
Conversioni di colore
- HEX
- #a25372
- RGB
- rgb(162 83 114)
- HSL
- hsl(336 32% 48%)
- HWB
- hwb(336 33% 36%)
- OKLCH
- oklch(0.547 0.11 356.5)
- OKLab
- oklab(0.547 0.11 -0.007)
- CIE Lab
- lab(45.99 35.97 -2.13)
- LCH
- lch(45.99 36.03 356.6)
- CMYK
- cmyk(0% 49% 30% 36%)
Tinte · Ombre · Toni
Tinte
- AC647F
- B6758C
- C0859A
- CA96A8
- D3A7B6
- DCB8C4
- E5CAD3
- EEDBE1
- F7EDF0
Ombre
- 8C4762
- 773B53
- 633044
- 4F2536
- 3C1B28
- 2A111B
- 19080E
- 0A0204
- 010001
Toni
- 9F5873
- 9D5D75
- 9A6276
- 976778
- 936B79
- 906F7A
- 8C747C
- 89787D
- 847C7F
Armonie di colore
Complementare +180°
- A25372
Cherry Berry
- 00836F
≈ Viridis
Analogo -30° +30°
- A25372
Cherry Berry
- 925892
≈ Àn Zǐ Purple
- A7554D
≈ Maine-Anjou Cattle
Triadico +120° +240°
- A25372
Cherry Berry
- 6D7821
≈ Castelvetrano Olive
- 1A79A8
≈ Tanzanite
Complementare divisa +150° +210°
- A25372
Cherry Berry
- 408148
≈ Tarmac Green
- 00808C
≈ Briny
Tetradico +90° +180° +270°
- A25372
Cherry Berry
- 8D6B06
≈ Muddy Brown
- 00836F
≈ Viridis
- 536DB1
≈ Amparo Blue
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: #a25372;
--cherry-berry-rgb: 162 83 114;
--cherry-berry-oklch: oklch(0.547 0.11 356.5);
}
.element {
color: var(--cherry-berry);
background-color: hsl(336 32% 48%);
border-color: oklch(0.547 0.11 356.5);
}Tailwind CSS v4
@theme {
--color-cherry-berry: #a25372;
--color-cherry-berry-50: #ffe9f5;
--color-cherry-berry-100: #ffd9e7;
--color-cherry-berry-200: #fdc1d3;
--color-cherry-berry-300: #e6a0b7;
--color-cherry-berry-400: #d282a0;
--color-cherry-berry-500: #bf6588;
--color-cherry-berry-600: #a15673;
--color-cherry-berry-700: #81445c;
--color-cherry-berry-800: #5f3145;
--color-cherry-berry-900: #43212f;
--color-cherry-berry-950: #2b101c;
}SCSS
$cherry-berry: #a25372;
$cherry-berry-rgb: 162, 83, 114;
$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);
}