가장 가까운 이름 색상 · #BEB5A5
#BEB5A5
가장 가까운 이름 색상: Ashes to Ashes
#BEB5A5(rgb(190 181 165), hsl(38 16% 70%), oklch(0.776 0.024 82.1))와 가장 가까운 이름 색상은 Ashes to Ashes입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#BEB5A5
oklch(0.776 0.024 82.1)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- C4BCAE
- CBC3B7
- D1CBBF
- D8D2C8
- DED9D1
- E5E1DA
- EBE8E3
- F2F0ED
- F8F7F6
셰이드
- A59D8F
- 8C8679
- 756F65
- 5E5951
- 48443D
- 33302B
- 1F1D1A
- 0D0C0A
- 020201
톤
- B8B0A1
- B1AA9E
- ABA59A
- A59F96
- 9E9A92
- 98958F
- 92908B
- 8C8A87
- 868584
색 조화
보색 +180°
- BEB5A5
Ashes to Ashes
- AEB7C6
≈ Brother Blue
유사색 -30° +30°
- BEB5A5
Ashes to Ashes
- C4B2A8
≈ Mauvette
- B6B8A6
≈ Pine Crush
삼각 배색 +120° +240°
- BEB5A5
Ashes to Ashes
- A5BBBD
≈ Seafoam Slate
- BEB1C0
≈ Almost Plum
분열 보색 +150° +210°
- BEB5A5
Ashes to Ashes
- A7B9C3
≈ Overcast Sky
- B6B4C5
≈ Juniper Berry
사각 배색 +90° +180° +270°
- BEB5A5
Ashes to Ashes
- A7BCB4
≈ Quiet Teal
- AEB7C6
≈ Brother Blue
- C3B0B8
≈ Calm Cupid
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.03:1 · APCA Lc 39
Ag
AAA검은색 위
WCAG 10.34:1 · APCA Lc 63
가장 좋은 글자색: #000000
WCAG 10.34:1 (AAA) · APCA Lc 63
Contrast pairs
코드 스니펫
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);
}