가장 가까운 이름 색상 · #BBA85D
#BBA85D
가장 가까운 이름 색상: Canadian Maple
#BBA85D(rgb(187 168 93), hsl(48 41% 55%), oklch(0.732 0.098 95.5))와 가장 가까운 이름 색상은 Canadian Maple입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#BBA85D
oklch(0.732 0.098 95.5)
색상 변환
- HEX
- #bba85d
- RGB
- rgb(187 168 93)
- HSL
- hsl(48 41% 55%)
- HWB
- hwb(48 36% 27%)
- OKLCH
- oklch(0.732 0.098 95.5)
- OKLab
- oklab(0.732 -0.009 0.098)
- CIE Lab
- lab(69.32 -0.17 41.03)
- LCH
- lch(69.32 41.03 90.2)
- CMYK
- cmyk(0% 10% 50% 27%)
틴트 · 셰이드 · 톤
틴트
- C2B16E
- C8B97F
- CFC28F
- D6CB9F
- DCD3AF
- E3DCBF
- EAE5CF
- F1EDDF
- F8F6EF
셰이드
- A29250
- 8A7C43
- 736737
- 5C522A
- 463F1F
- 322C14
- 1F1A0A
- 0D0A03
- 020100
톤
- B5A462
- AFA067
- A99C6B
- A3986F
- 9D9472
- 979075
- 918C78
- 8B887B
- 86847E
색 조화
보색 +180°
- BBA85D
Canadian Maple
- 97A3E6
≈ Dalmatian Sage
유사색 -30° +30°
- BBA85D
Canadian Maple
- D39C64
≈ Golden Aura
- 99B36E
≈ Florence
삼각 배색 +120° +240°
- BBA85D
Canadian Maple
- 54B8CF
≈ Liquid Blue
- CF91C0
≈ Carnation Rose
분열 보색 +150° +210°
- BBA85D
Canadian Maple
- 72AFE2
≈ Lucea
- B798DA
≈ Lenurple
사각 배색 +90° +180° +270°
- BBA85D
Canadian Maple
- 54BCB1
≈ Tropical Escape
- 97A3E6
≈ Dalmatian Sage
- DD8E9F
≈ Sugar Tooth
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.36:1 · APCA Lc 47
Ag
AAA검은색 위
WCAG 8.87:1 · APCA Lc 55
가장 좋은 글자색: #000000
WCAG 8.87:1 (AAA) · APCA Lc 55
Contrast pairs
코드 스니펫
CSS
:root {
--canadian-maple: #bba85d;
--canadian-maple-rgb: 187 168 93;
--canadian-maple-oklch: oklch(0.732 0.098 95.5);
}
.element {
color: var(--canadian-maple);
background-color: hsl(48 41% 55%);
border-color: oklch(0.732 0.098 95.5);
}Tailwind CSS v4
@theme {
--color-canadian-maple: #bba85d;
--color-canadian-maple-50: #fcf6d6;
--color-canadian-maple-100: #f0e9c4;
--color-canadian-maple-200: #dfd5a5;
--color-canadian-maple-300: #c5b87e;
--color-canadian-maple-400: #b09e58;
--color-canadian-maple-500: #9a852e;
--color-canadian-maple-600: #827129;
--color-canadian-maple-700: #685a20;
--color-canadian-maple-800: #4e4115;
--color-canadian-maple-900: #362d0d;
--color-canadian-maple-950: #211a02;
}SCSS
$canadian-maple: #bba85d;
$canadian-maple-rgb: 187, 168, 93;
$canadian-maple-light: mix(#fff, $canadian-maple, 20%);
$canadian-maple-dark: mix(#000, $canadian-maple, 20%);
.element {
color: $canadian-maple;
box-shadow: 0 0 0 2px rgba($canadian-maple, 0.35);
}