이름 색상 · #CF9C63
Oak Buff
Oak Buff은(는) #CF9C63: rgb(207 156 99), hsl(32 53% 60%), oklch(0.729 0.096 68.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Oak Buff color name →
#CF9C63
oklch(0.729 0.096 68.5)
색상 변환
- HEX
- #cf9c63
- RGB
- rgb(207 156 99)
- HSL
- hsl(32 53% 60%)
- HWB
- hwb(32 39% 19%)
- OKLCH
- oklch(0.729 0.096 68.5)
- OKLab
- oklab(0.729 0.035 0.089)
- CIE Lab
- lab(68.37 14.75 37.42)
- LCH
- lch(68.37 40.22 68.5)
- CMYK
- cmyk(0% 25% 52% 19%)
틴트 · 셰이드 · 톤
틴트
- D4A673
- D9B083
- DEBA92
- E3C3A2
- E8CDB1
- EDD7C1
- F1E1D0
- F6EBE0
- FBF5EF
셰이드
- B48755
- 997347
- 7F5F3A
- 674C2E
- 4F3921
- 382816
- 23180B
- 100903
- 020100
톤
- C79967
- BF976B
- B7946E
- AF9171
- A78F74
- A08C77
- 988979
- 90867C
- 88837E
색 조화
보색 +180°
- CF9C63
Oak Buff
- 76ACE1
≈ Jordy Blue
유사색 -30° +30°
- CF9C63
Oak Buff
- DC927B
≈ Buffed Copper
- B7A85F
≈ Gimblet
삼각 배색 +120° +240°
- CF9C63
Oak Buff
- 54BBB3
≈ Hygiene Green
- B897D6
≈ Lenurple
분열 보색 +150° +210°
- CF9C63
Oak Buff
- 58B6D0
≈ Liquid Blue
- 99A1E3
≈ Dalmatian Sage
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.44:1 · APCA Lc 48
Ag
AAA검은색 위
WCAG 8.58:1 · APCA Lc 54
가장 좋은 글자색: #000000
WCAG 8.58:1 (AAA) · APCA Lc 54
Contrast pairs
코드 스니펫
CSS
:root {
--oak-buff: #cf9c63;
--oak-buff-rgb: 207 156 99;
--oak-buff-oklch: oklch(0.729 0.096 68.5);
}
.element {
color: var(--oak-buff);
background-color: hsl(32 53% 60%);
border-color: oklch(0.729 0.096 68.5);
}Tailwind CSS v4
@theme {
--color-oak-buff: #cf9c63;
--color-oak-buff-50: #fff1d8;
--color-oak-buff-100: #fde3c6;
--color-oak-buff-200: #efcea8;
--color-oak-buff-300: #d7af81;
--color-oak-buff-400: #c4945e;
--color-oak-buff-500: #af7939;
--color-oak-buff-600: #946731;
--color-oak-buff-700: #775227;
--color-oak-buff-800: #593b1b;
--color-oak-buff-900: #3e2912;
--color-oak-buff-950: #271604;
}SCSS
$oak-buff: #cf9c63;
$oak-buff-rgb: 207, 156, 99;
$oak-buff-light: mix(#fff, $oak-buff, 20%);
$oak-buff-dark: mix(#000, $oak-buff, 20%);
.element {
color: $oak-buff;
box-shadow: 0 0 0 2px rgba($oak-buff, 0.35);
}