En yakın adlandırılmış renk · #AE7D5F
#AE7D5F
En yakın adlandırılmış renk: Silken Chocolate
#AE7D5F (rgb(174 125 95), hsl(23 33% 53%), oklch(0.631 0.075 52.4)) en çok Silken Chocolate adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#AE7D5F
oklch(0.631 0.075 52.4)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B68A6E
- BF967E
- C7A38D
- CFB09D
- D7BDAD
- DFCABD
- E7D7CD
- EFE4DE
- F7F2EE
Koyu tonlar
- 976C52
- 805B44
- 6A4B38
- 553B2C
- 412C20
- 2E1E15
- 1C110A
- 0B0503
- 010100
Gri tonlar
- AA7E63
- A57E66
- A17E6A
- 9C7F6D
- 987F70
- 937F74
- 8E8077
- 8A807A
- 85807D
Renk uyumları
Tamamlayıcı +180°
- AE7D5F
Silken Chocolate
- 5992AF
≈ Blue Persia
Analog -30° +30°
- AE7D5F
Silken Chocolate
- B37875
≈ Earth Rose
- A08554
≈ Bristle Grass
Üçlü +120° +240°
- AE7D5F
Silken Chocolate
- 579985
≈ Derby Green
- 8A81B3
≈ Aster Purple
Bölünmüş tamamlayıcı +150° +210°
- AE7D5F
Silken Chocolate
- 4C979D
≈ Sea Current
- 718AB7
≈ Debutante Ball
Dörtlü +90° +180° +270°
- AE7D5F
Silken Chocolate
- 6F956C
≈ Reseda Green
- 5992AF
≈ Blue Persia
- 9F7BA4
≈ Pishposh
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.56:1 · APCA Lc 63
Ag
AASiyah üzerinde
WCAG 5.89:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 5.89:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
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);
}