En yakın adlandırılmış renk · #BEB5A5
#BEB5A5
En yakın adlandırılmış renk: Ashes to Ashes
#BEB5A5 (rgb(190 181 165), hsl(38 16% 70%), oklch(0.776 0.024 82.1)) en çok Ashes to Ashes 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.
#BEB5A5
oklch(0.776 0.024 82.1)
Renk dönüşümleri
- HEX
- #beb5a5
- RGB
- rgb(190 181 165)
- HSL
- hsl(38 16% 70%)
- HWB
- hwb(38 65% 25%)
- OKLCH
- oklch(0.776 0.024 82.1)
- OKLab
- oklab(0.776 0.003 0.024)
- CIE Lab
- lab(74.1 1.27 9.39)
- LCH
- lch(74.1 9.47 82.3)
- CMYK
- cmyk(0% 5% 13% 25%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C4BCAE
- CBC3B7
- D1CBBF
- D8D2C8
- DED9D1
- E5E1DA
- EBE8E3
- F2F0ED
- F8F7F6
Koyu tonlar
- A59D8F
- 8C8679
- 756F65
- 5E5951
- 48443D
- 33302B
- 1F1D1A
- 0D0C0A
- 020201
Gri tonlar
- B8B0A1
- B1AA9E
- ABA59A
- A59F96
- 9E9A92
- 98958F
- 92908B
- 8C8A87
- 868584
Renk uyumları
Tamamlayıcı +180°
- BEB5A5
Ashes to Ashes
- AEB7C6
≈ Brother Blue
Analog -30° +30°
- BEB5A5
Ashes to Ashes
- C4B2A8
≈ Mauvette
- B6B8A6
≈ Pine Crush
Üçlü +120° +240°
- BEB5A5
Ashes to Ashes
- A5BBBD
≈ Seafoam Slate
- BEB1C0
≈ Almost Plum
Bölünmüş tamamlayıcı +150° +210°
- BEB5A5
Ashes to Ashes
- A7B9C3
≈ Overcast Sky
- B6B4C5
≈ Juniper Berry
Dörtlü +90° +180° +270°
- BEB5A5
Ashes to Ashes
- A7BCB4
≈ Quiet Teal
- AEB7C6
≈ Brother Blue
- C3B0B8
≈ Calm Cupid
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.03:1 · APCA Lc 39
Ag
AAASiyah üzerinde
WCAG 10.34:1 · APCA Lc 63
En iyi metin rengi: #000000
WCAG 10.34:1 (AAA) · APCA Lc 63
Contrast pairs
Kod parçacıkları
CSS
:root {
--ashes-to-ashes: #beb5a5;
--ashes-to-ashes-rgb: 190 181 165;
--ashes-to-ashes-oklch: oklch(0.776 0.024 82.1);
}
.element {
color: var(--ashes-to-ashes);
background-color: hsl(38 16% 70%);
border-color: oklch(0.776 0.024 82.1);
}Tailwind CSS v4
@theme {
--color-ashes-to-ashes: #beb5a5;
--color-ashes-to-ashes-50: #f8f5ed;
--color-ashes-to-ashes-100: #ece7df;
--color-ashes-to-ashes-200: #d9d4c9;
--color-ashes-to-ashes-300: #bdb7aa;
--color-ashes-to-ashes-400: #a69d8f;
--color-ashes-to-ashes-500: #8e8574;
--color-ashes-to-ashes-600: #787163;
--color-ashes-to-ashes-700: #605a4f;
--color-ashes-to-ashes-800: #474239;
--color-ashes-to-ashes-900: #312d27;
--color-ashes-to-ashes-950: #1d1a15;
}SCSS
$ashes-to-ashes: #beb5a5;
$ashes-to-ashes-rgb: 190, 181, 165;
$ashes-to-ashes-light: mix(#fff, $ashes-to-ashes, 20%);
$ashes-to-ashes-dark: mix(#000, $ashes-to-ashes, 20%);
.element {
color: $ashes-to-ashes;
box-shadow: 0 0 0 2px rgba($ashes-to-ashes, 0.35);
}