이름 색상 · #BDA58B
Oakwood
Oakwood은(는) #BDA58B: rgb(189 165 139), hsl(31 27% 64%), oklch(0.736 0.046 69.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Oakwood color name →
#BDA58B
oklch(0.736 0.046 69.3)
색상 변환
- HEX
- #bda58b
- RGB
- rgb(189 165 139)
- HSL
- hsl(31 27% 64%)
- HWB
- hwb(31 55% 26%)
- OKLCH
- oklch(0.736 0.046 69.3)
- OKLab
- oklab(0.736 0.016 0.043)
- CIE Lab
- lab(69.37 6.08 16.93)
- LCH
- lch(69.37 17.99 70.2)
- CMYK
- cmyk(0% 13% 26% 26%)
틴트 · 셰이드 · 톤
틴트
- C4AE96
- CAB7A2
- D1BFAD
- D7C8B8
- DED1C4
- E4DAD0
- EBE3DB
- F2EDE7
- F8F6F3
셰이드
- A48F78
- 8C7966
- 746554
- 5D5143
- 473D32
- 332B23
- 1F1A14
- 0D0A07
- 020101
톤
- B7A18A
- B19E89
- AA9A88
- A49687
- 9E9286
- 988F85
- 928B84
- 8C8782
- 868481
색 조화
보색 +180°
- BDA58B
Oakwood
- 94ADC6
≈ Nordland Light Blue
유사색 -30° +30°
- BDA58B
Oakwood
- C4A095
≈ Andes Ash
- B0AB8A
≈ Underhive Ash
삼각 배색 +120° +240°
분열 보색 +150° +210°
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.35:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 8.91:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 8.91:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--oakwood: #bda58b;
--oakwood-rgb: 189 165 139;
--oakwood-oklch: oklch(0.736 0.046 69.3);
}
.element {
color: var(--oakwood);
background-color: hsl(31 27% 64%);
border-color: oklch(0.736 0.046 69.3);
}Tailwind CSS v4
@theme {
--color-oakwood: #bda58b;
--color-oakwood-50: #fef3e7;
--color-oakwood-100: #f2e6d8;
--color-oakwood-200: #e1d1c0;
--color-oakwood-300: #c7b49e;
--color-oakwood-400: #b19a82;
--color-oakwood-500: #9a8165;
--color-oakwood-600: #836d56;
--color-oakwood-700: #695745;
--color-oakwood-800: #4d4031;
--color-oakwood-900: #362c22;
--color-oakwood-950: #211911;
}SCSS
$oakwood: #bda58b;
$oakwood-rgb: 189, 165, 139;
$oakwood-light: mix(#fff, $oakwood, 20%);
$oakwood-dark: mix(#000, $oakwood, 20%);
.element {
color: $oakwood;
box-shadow: 0 0 0 2px rgba($oakwood, 0.35);
}