가장 가까운 이름 색상 · #D8BF8B
#D8BF8B
가장 가까운 이름 색상: Vermicelles
#D8BF8B(rgb(216 191 139), hsl(41 50% 70%), oklch(0.814 0.074 85.1))와 가장 가까운 이름 색상은 Vermicelles입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#D8BF8B
oklch(0.814 0.074 85.1)
색상 변환
- HEX
- #d8bf8b
- RGB
- rgb(216 191 139)
- HSL
- hsl(41 50% 70%)
- HWB
- hwb(41 55% 15%)
- OKLCH
- oklch(0.814 0.074 85.1)
- OKLab
- oklab(0.814 0.006 0.074)
- CIE Lab
- lab(78.57 3.73 29.72)
- LCH
- lch(78.57 29.95 82.9)
- CMYK
- cmyk(0% 12% 36% 15%)
틴트 · 셰이드 · 톤
틴트
- DCC597
- E0CCA2
- E4D2AE
- E8D9BA
- ECDFC5
- EFE5D1
- F3ECDC
- F7F2E8
- FBF9F3
셰이드
- BCA678
- A08D66
- 857554
- 6B5E43
- 534832
- 3B3323
- 251F14
- 110D07
- 020201
톤
- CFB98A
- C6B28A
- BDAC89
- B4A688
- AB9F87
- A29986
- 9A9384
- 918C83
- 888682
색 조화
보색 +180°
- D8BF8B
Vermicelles
- ABC2F3
≈ Sky High
유사색 -30° +30°
- D8BF8B
Vermicelles
- E8B695
≈ Gentle Doe
- C0C891
≈ White Grape
삼각 배색 +120° +240°
- D8BF8B
Vermicelles
- 87D0D9
≈ Sky Watch
- DBB2DD
≈ Blushing Sky
분열 보색 +150° +210°
- D8BF8B
Vermicelles
- 93CAEB
≈ Light Cornflower Blue
- C5B9ED
≈ Connecticut Lilac
사각 배색 +90° +180° +270°
- D8BF8B
Vermicelles
- 8ED2BF
≈ Wintermint
- ABC2F3
≈ Sky High
- EAAFC4
≈ Pink Frenzy
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.78:1 · APCA Lc 33
Ag
AAA검은색 위
WCAG 11.74:1 · APCA Lc 70
가장 좋은 글자색: #000000
WCAG 11.74:1 (AAA) · APCA Lc 70
Contrast pairs
코드 스니펫
CSS
:root {
--vermicelles: #d8bf8b;
--vermicelles-rgb: 216 191 139;
--vermicelles-oklch: oklch(0.814 0.074 85.1);
}
.element {
color: var(--vermicelles);
background-color: hsl(41 50% 70%);
border-color: oklch(0.814 0.074 85.1);
}Tailwind CSS v4
@theme {
--color-vermicelles: #d8bf8b;
--color-vermicelles-50: #fef4de;
--color-vermicelles-100: #f2e7cd;
--color-vermicelles-200: #e2d3b1;
--color-vermicelles-300: #c8b68c;
--color-vermicelles-400: #b29c6b;
--color-vermicelles-500: #9d824a;
--color-vermicelles-600: #846e40;
--color-vermicelles-700: #6a5833;
--color-vermicelles-800: #4f4023;
--color-vermicelles-900: #372c17;
--color-vermicelles-950: #221908;
}SCSS
$vermicelles: #d8bf8b;
$vermicelles-rgb: 216, 191, 139;
$vermicelles-light: mix(#fff, $vermicelles, 20%);
$vermicelles-dark: mix(#000, $vermicelles, 20%);
.element {
color: $vermicelles;
box-shadow: 0 0 0 2px rgba($vermicelles, 0.35);
}