이름 색상 · #6C574C
Old Tudor
Old Tudor은(는) #6C574C: rgb(108 87 76), hsl(21 17% 36%), oklch(0.475 0.033 49.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Old Tudor color name →
#6C574C
oklch(0.475 0.033 49.2)
색상 변환
- HEX
- #6c574c
- RGB
- rgb(108 87 76)
- HSL
- hsl(21 17% 36%)
- HWB
- hwb(21 30% 58%)
- OKLCH
- oklch(0.475 0.033 49.2)
- OKLab
- oklab(0.475 0.021 0.025)
- CIE Lab
- lab(38.91 7.59 9.85)
- LCH
- lch(38.91 12.43 52.4)
- CMYK
- cmyk(0% 19% 30% 58%)
틴트 · 셰이드 · 톤
틴트
- 7A665C
- 88766D
- 96867E
- A5968F
- B3A7A1
- C2B8B3
- D1CAC6
- E0DBD9
- EFEDEC
셰이드
- 5D4B41
- 4E3E36
- 40332C
- 322722
- 251C18
- 19120F
- 0D0806
- 040302
- 000000
톤
- 6E5B51
- 705F56
- 72635B
- 746760
- 766B66
- 786F6B
- 7A7470
- 7C7875
- 7E7C7B
색 조화
보색 +180°
- 6C574C
Old Tudor
- 49606B
≈ Blackthorn Blue
유사색 -30° +30°
- 6C574C
Old Tudor
- 6E5555
≈ Grand Plum
- 665A47
≈ Grand Avenue
삼각 배색 +120° +240°
- 6C574C
Old Tudor
- 4A6259
≈ Pine Haven
- 5B596E
≈ Shearwater Black
분열 보색 +150° +210°
- 6C574C
Old Tudor
- 466263
≈ Brochantite Green
- 515D6F
≈ Vintage Indigo
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 6.76:1 · APCA Lc 83
Ag
Fail검은색 위
WCAG 3.10:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 6.76:1 (AA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--old-tudor: #6c574c;
--old-tudor-rgb: 108 87 76;
--old-tudor-oklch: oklch(0.475 0.033 49.2);
}
.element {
color: var(--old-tudor);
background-color: hsl(21 17% 36%);
border-color: oklch(0.475 0.033 49.2);
}Tailwind CSS v4
@theme {
--color-old-tudor: #6c574c;
--color-old-tudor-50: #fdf3ed;
--color-old-tudor-100: #f1e5de;
--color-old-tudor-200: #e0d1c8;
--color-old-tudor-300: #c6b3a9;
--color-old-tudor-400: #af998e;
--color-old-tudor-500: #998073;
--color-old-tudor-600: #816d62;
--color-old-tudor-700: #68574e;
--color-old-tudor-800: #4c3f39;
--color-old-tudor-900: #352b27;
--color-old-tudor-950: #201915;
}SCSS
$old-tudor: #6c574c;
$old-tudor-rgb: 108, 87, 76;
$old-tudor-light: mix(#fff, $old-tudor, 20%);
$old-tudor-dark: mix(#000, $old-tudor, 20%);
.element {
color: $old-tudor;
box-shadow: 0 0 0 2px rgba($old-tudor, 0.35);
}