Couleur nommée la plus proche · #AE7D5F
#AE7D5F
Couleur nommée la plus proche: Silken Chocolate
#AE7D5F (rgb(174 125 95), hsl(23 33% 53%), oklch(0.631 0.075 52.4)) est la plus proche de la couleur nommée Silken Chocolate. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#AE7D5F
oklch(0.631 0.075 52.4)
Conversions de couleur
- HEX
- #ae7d5f
- RGB
- rgb(174 125 95)
- HSL
- hsl(23 33% 53%)
- HWB
- hwb(23 37% 32%)
- OKLCH
- oklch(0.631 0.075 52.4)
- OKLab
- oklab(0.631 0.046 0.059)
- CIE Lab
- lab(56.89 16.88 24.28)
- LCH
- lch(56.89 29.57 55.2)
- CMYK
- cmyk(0% 28% 45% 32%)
Teintes · Ombres · Tons
Teintes
- B68A6E
- BF967E
- C7A38D
- CFB09D
- D7BDAD
- DFCABD
- E7D7CD
- EFE4DE
- F7F2EE
Ombres
- 976C52
- 805B44
- 6A4B38
- 553B2C
- 412C20
- 2E1E15
- 1C110A
- 0B0503
- 010100
Tons
- AA7E63
- A57E66
- A17E6A
- 9C7F6D
- 987F70
- 937F74
- 8E8077
- 8A807A
- 85807D
Harmonies de couleurs
Complémentaire +180°
- AE7D5F
Silken Chocolate
- 5992AF
≈ Blue Persia
Analogue -30° +30°
- AE7D5F
Silken Chocolate
- B37875
≈ Earth Rose
- A08554
≈ Bristle Grass
Triadique +120° +240°
- AE7D5F
Silken Chocolate
- 579985
≈ Derby Green
- 8A81B3
≈ Aster Purple
Complémentaire divisée +150° +210°
- AE7D5F
Silken Chocolate
- 4C979D
≈ Sea Current
- 718AB7
≈ Debutante Ball
Tétradique +90° +180° +270°
- AE7D5F
Silken Chocolate
- 6F956C
≈ Reseda Green
- 5992AF
≈ Blue Persia
- 9F7BA4
≈ Pishposh
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.56:1 · APCA Lc 63
Ag
AASur noir
WCAG 5.89:1 · APCA Lc 39
Meilleure couleur de texte: #000000
WCAG 5.89:1 (AA) · APCA Lc 39
Contrast pairs
Extraits de code
CSS
:root {
--silken-chocolate: #ae7d5f;
--silken-chocolate-rgb: 174 125 95;
--silken-chocolate-oklch: oklch(0.631 0.075 52.4);
}
.element {
color: var(--silken-chocolate);
background-color: hsl(23 33% 53%);
border-color: oklch(0.631 0.075 52.4);
}Tailwind CSS v4
@theme {
--color-silken-chocolate: #ae7d5f;
--color-silken-chocolate-50: #fff0e2;
--color-silken-chocolate-100: #fde2d1;
--color-silken-chocolate-200: #efccb7;
--color-silken-chocolate-300: #d6ae94;
--color-silken-chocolate-400: #c29275;
--color-silken-chocolate-500: #ae7857;
--color-silken-chocolate-600: #93664a;
--color-silken-chocolate-700: #76513b;
--color-silken-chocolate-800: #573b2a;
--color-silken-chocolate-900: #3d281d;
--color-silken-chocolate-950: #26160d;
}SCSS
$silken-chocolate: #ae7d5f;
$silken-chocolate-rgb: 174, 125, 95;
$silken-chocolate-light: mix(#fff, $silken-chocolate, 20%);
$silken-chocolate-dark: mix(#000, $silken-chocolate, 20%);
.element {
color: $silken-chocolate;
box-shadow: 0 0 0 2px rgba($silken-chocolate, 0.35);
}