가장 가까운 이름 색상 · #B0AD95
#B0AD95
가장 가까운 이름 색상: Quiet Thicket
#B0AD95(rgb(176 173 149), hsl(53 15% 64%), oklch(0.744 0.034 101.3))와 가장 가까운 이름 색상은 Quiet Thicket입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#B0AD95
oklch(0.744 0.034 101.3)
색상 변환
- HEX
- #b0ad95
- RGB
- rgb(176 173 149)
- HSL
- hsl(53 15% 64%)
- HWB
- hwb(53 58% 31%)
- OKLCH
- oklch(0.744 0.034 101.3)
- OKLab
- oklab(0.744 -0.007 0.033)
- CIE Lab
- lab(70.48 -1.98 12.8)
- LCH
- lch(70.48 12.95 98.8)
- CMYK
- cmyk(0% 2% 15% 31%)
틴트 · 셰이드 · 톤
틴트
- B8B59F
- BFBDAA
- C7C5B4
- CFCDBE
- D7D5C9
- DFDED4
- E7E6DE
- EFEEE9
- F7F7F4
셰이드
- 999681
- 827F6D
- 6C6A5A
- 565548
- 424137
- 2E2D26
- 1C1B16
- 0B0B08
- 010101
톤
- ABA893
- A6A491
- A19F8F
- 9C9B8D
- 98968B
- 939289
- 8E8D86
- 898984
- 858482
색 조화
보색 +180°
- B0AD95
Quiet Thicket
- A8AAC1
≈ Cosmic Sky
유사색 -30° +30°
- B0AD95
Quiet Thicket
- BAA995
≈ Fangtooth Fish
- A4B19B
≈ Banksia
삼각 배색 +120° +240°
- B0AD95
Quiet Thicket
- 96B1BB
≈ Lucy Blue
- BCA4B2
≈ Pansy Posy
분열 보색 +150° +210°
- B0AD95
Quiet Thicket
- 9DAEC1
≈ Sterling Silver
- B3A6BC
≈ Transparent Mauve
사각 배색 +90° +180° +270°
- B0AD95
Quiet Thicket
- 94B3B1
≈ Calcite Blue
- A8AAC1
≈ Cosmic Sky
- C0A4A6
≈ Tourmaline Mauve
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.26:1 · APCA Lc 45
Ag
AAA검은색 위
WCAG 9.25:1 · APCA Lc 57
가장 좋은 글자색: #000000
WCAG 9.25:1 (AAA) · APCA Lc 57
Contrast pairs
코드 스니펫
CSS
:root {
--quiet-thicket: #b0ad95;
--quiet-thicket-rgb: 176 173 149;
--quiet-thicket-oklch: oklch(0.744 0.034 101.3);
}
.element {
color: var(--quiet-thicket);
background-color: hsl(53 15% 64%);
border-color: oklch(0.744 0.034 101.3);
}Tailwind CSS v4
@theme {
--color-quiet-thicket: #b0ad95;
--color-quiet-thicket-50: #f7f6eb;
--color-quiet-thicket-100: #e9e9dc;
--color-quiet-thicket-200: #d6d5c5;
--color-quiet-thicket-300: #bab8a5;
--color-quiet-thicket-400: #a29f89;
--color-quiet-thicket-500: #8b876e;
--color-quiet-thicket-600: #75725d;
--color-quiet-thicket-700: #5e5c4a;
--color-quiet-thicket-800: #454336;
--color-quiet-thicket-900: #302e24;
--color-quiet-thicket-950: #1c1b13;
}SCSS
$quiet-thicket: #b0ad95;
$quiet-thicket-rgb: 176, 173, 149;
$quiet-thicket-light: mix(#fff, $quiet-thicket, 20%);
$quiet-thicket-dark: mix(#000, $quiet-thicket, 20%);
.element {
color: $quiet-thicket;
box-shadow: 0 0 0 2px rgba($quiet-thicket, 0.35);
}