Couleur nommée la plus proche · #A75168
#A75168
Couleur nommée la plus proche: Cherry Berry
#A75168 (rgb(167 81 104), hsl(344 35% 49%), oklch(0.547 0.115 4.7)) est la plus proche de la couleur nommée Cherry Berry. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#A75168
oklch(0.547 0.115 4.7)
Conversions de couleur
- HEX
- #a75168
- RGB
- rgb(167 81 104)
- HSL
- hsl(344 35% 49%)
- HWB
- hwb(344 32% 35%)
- OKLCH
- oklch(0.547 0.115 4.7)
- OKLab
- oklab(0.547 0.115 0.009)
- CIE Lab
- lab(46.09 37.89 4.2)
- LCH
- lch(46.09 38.12 6.3)
- CMYK
- cmyk(0% 51% 38% 35%)
Teintes · Ombres · Tons
Teintes
- B16276
- BB7384
- C48493
- CE95A1
- D6A7B0
- DFB8C0
- E7C9CF
- F0DBDF
- F7EDEF
Ombres
- 914559
- 7B3A4B
- 662F3E
- 522430
- 3E1A24
- 2C1018
- 1A070C
- 0A0204
- 010000
Tons
- A4576A
- A15C6D
- 9E616F
- 9A6672
- 966A74
- 926F76
- 8E7379
- 8A787B
- 857C7E
Harmonies de couleurs
Complémentaire +180°
- A75168
Cherry Berry
- 008378
≈ Green Garlands
Analogue -30° +30°
- A75168
Cherry Berry
- 99558C
≈ Purplish
- A95541
≈ Portsmouth Spice
Triadique +120° +240°
- A75168
Cherry Berry
- 627C27
≈ Dirty Green
- 2976AF
≈ Python Blue
Complémentaire divisée +150° +210°
- A75168
Cherry Berry
- 2B8452
≈ Monster Monstera
- 007F94
≈ Pagoda
Tétradique +90° +180° +270°
- A75168
Cherry Berry
- 866F00
≈ Sunlit Kelp Green
- 008378
≈ Green Garlands
- 5D6AB3
≈ Loch Ness
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.22:1 · APCA Lc 76
Ag
FailSur noir
WCAG 4.01:1 · APCA Lc 26
Meilleure couleur de texte: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Extraits de code
CSS
:root {
--cherry-berry: #a75168;
--cherry-berry-rgb: 167 81 104;
--cherry-berry-oklch: oklch(0.547 0.115 4.7);
}
.element {
color: var(--cherry-berry);
background-color: hsl(344 35% 49%);
border-color: oklch(0.547 0.115 4.7);
}Tailwind CSS v4
@theme {
--color-cherry-berry: #a75168;
--color-cherry-berry-50: #ffe8f0;
--color-cherry-berry-100: #ffd9e1;
--color-cherry-berry-200: #ffc0cc;
--color-cherry-berry-300: #eb9fad;
--color-cherry-berry-400: #d78196;
--color-cherry-berry-500: #c4627c;
--color-cherry-berry-600: #a65469;
--color-cherry-berry-700: #854354;
--color-cherry-berry-800: #62303f;
--color-cherry-berry-900: #45202b;
--color-cherry-berry-950: #2d1018;
}SCSS
$cherry-berry: #a75168;
$cherry-berry-rgb: 167, 81, 104;
$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);
}