이름 색상 · #6C5A51
Oiled Teak
Oiled Teak은(는) #6C5A51: rgb(108 90 81), hsl(20 14% 37%), oklch(0.483 0.028 48.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Oiled Teak color name →
#6C5A51
oklch(0.483 0.028 48.1)
색상 변환
- HEX
- #6c5a51
- RGB
- rgb(108 90 81)
- HSL
- hsl(20 14% 37%)
- HWB
- hwb(20 32% 58%)
- OKLCH
- oklch(0.483 0.028 48.1)
- OKLab
- oklab(0.483 0.018 0.021)
- CIE Lab
- lab(39.86 6.45 8.1)
- LCH
- lch(39.86 10.35 51.5)
- CMYK
- cmyk(0% 17% 25% 58%)
틴트 · 셰이드 · 톤
틴트
- 7A6961
- 887971
- 968882
- A49893
- B3A9A4
- C2BAB5
- D1CBC7
- E0DCDA
- EFEDEC
셰이드
- 5D4D45
- 4E413A
- 40352F
- 322924
- 251E1A
- 191310
- 0D0907
- 040302
- 000000
톤
- 6E5E56
- 70615A
- 72655F
- 746963
- 766D68
- 78716D
- 7A7472
- 7C7876
- 7E7C7B
색 조화
보색 +180°
- 6C5A51
Oiled Teak
- 4E626B
≈ Masuhana Blue
유사색 -30° +30°
- 6C5A51
Oiled Teak
- 6D5858
≈ Deepest Mauve
- 675D4D
≈ Primitive
삼각 배색 +120° +240°
- 6C5A51
Oiled Teak
- 50645B
≈ Obligation
- 5D5C6E
≈ Shearwater Black
분열 보색 +150° +210°
- 6C5A51
Oiled Teak
- 4C6364
≈ Wellington
- 555F6E
≈ Sheet Blue
사각 배색 +90° +180° +270°
- 6C5A51
Oiled Teak
- 576253
≈ Northern Glen
- 4E626B
≈ Masuhana Blue
- 655A69
≈ Olivine Basalt
대비 및 접근성
Ag
AA흰색 위
WCAG 6.52:1 · APCA Lc 82
Ag
Fail검은색 위
WCAG 3.21:1 · APCA Lc 20
가장 좋은 글자색: #FFFFFF
WCAG 6.52:1 (AA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--oiled-teak: #6c5a51;
--oiled-teak-rgb: 108 90 81;
--oiled-teak-oklch: oklch(0.483 0.028 48.1);
}
.element {
color: var(--oiled-teak);
background-color: hsl(20 14% 37%);
border-color: oklch(0.483 0.028 48.1);
}Tailwind CSS v4
@theme {
--color-oiled-teak: #6c5a51;
--color-oiled-teak-50: #fcf3ee;
--color-oiled-teak-100: #f0e5e0;
--color-oiled-teak-200: #dfd1ca;
--color-oiled-teak-300: #c4b4ab;
--color-oiled-teak-400: #ad9a91;
--color-oiled-teak-500: #968177;
--color-oiled-teak-600: #7f6d64;
--color-oiled-teak-700: #665750;
--color-oiled-teak-800: #4b403a;
--color-oiled-teak-900: #342c28;
--color-oiled-teak-950: #1f1916;
}SCSS
$oiled-teak: #6c5a51;
$oiled-teak-rgb: 108, 90, 81;
$oiled-teak-light: mix(#fff, $oiled-teak, 20%);
$oiled-teak-dark: mix(#000, $oiled-teak, 20%);
.element {
color: $oiled-teak;
box-shadow: 0 0 0 2px rgba($oiled-teak, 0.35);
}