Color con nombre más cercano · #AE7D5F
#AE7D5F
Color con nombre más cercano: Silken Chocolate
#AE7D5F (rgb(174 125 95), hsl(23 33% 53%), oklch(0.631 0.075 52.4)) se parece más al color con nombre Silken Chocolate. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#AE7D5F
oklch(0.631 0.075 52.4)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- B68A6E
- BF967E
- C7A38D
- CFB09D
- D7BDAD
- DFCABD
- E7D7CD
- EFE4DE
- F7F2EE
Sombras
- 976C52
- 805B44
- 6A4B38
- 553B2C
- 412C20
- 2E1E15
- 1C110A
- 0B0503
- 010100
Tonos
- AA7E63
- A57E66
- A17E6A
- 9C7F6D
- 987F70
- 937F74
- 8E8077
- 8A807A
- 85807D
Armonías de color
Complementario +180°
- AE7D5F
Silken Chocolate
- 5992AF
≈ Blue Persia
Análogo -30° +30°
- AE7D5F
Silken Chocolate
- B37875
≈ Earth Rose
- A08554
≈ Bristle Grass
Triádico +120° +240°
- AE7D5F
Silken Chocolate
- 579985
≈ Derby Green
- 8A81B3
≈ Aster Purple
Complementario dividido +150° +210°
- AE7D5F
Silken Chocolate
- 4C979D
≈ Sea Current
- 718AB7
≈ Debutante Ball
Tetrádico +90° +180° +270°
- AE7D5F
Silken Chocolate
- 6F956C
≈ Reseda Green
- 5992AF
≈ Blue Persia
- 9F7BA4
≈ Pishposh
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.56:1 · APCA Lc 63
Ag
AASobre negro
WCAG 5.89:1 · APCA Lc 39
Mejor color de texto: #000000
WCAG 5.89:1 (AA) · APCA Lc 39
Contrast pairs
Fragmentos de código
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);
}