이름 색상 · #767A49
Tara’s Drapes
Tara’s Drapes은(는) #767A49: rgb(118 122 73), hsl(65 25% 38%), oklch(0.564 0.07 112.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Tara’s Drapes color name →
#767A49
oklch(0.564 0.07 112.4)
색상 변환
- HEX
- #767a49
- RGB
- rgb(118 122 73)
- HSL
- hsl(65 25% 38%)
- HWB
- hwb(65 29% 52%)
- OKLCH
- oklch(0.564 0.07 112.4)
- OKLab
- oklab(0.564 -0.027 0.064)
- CIE Lab
- lab(49.96 -7.58 26.27)
- LCH
- lch(49.96 27.34 106.1)
- CMYK
- cmyk(3% 0% 40% 52%)
틴트 · 셰이드 · 톤
틴트
- 83875B
- 90936C
- 9DA07E
- AAAD90
- B8BBA2
- C6C8B4
- D4D6C6
- E2E3D9
- F0F1EC
셰이드
- 66693E
- 565934
- 47492A
- 383A20
- 292B17
- 1C1D0E
- 0F1006
- 050502
- 010100
톤
- 777B4F
- 787B55
- 797C5B
- 7A7D60
- 7B7D66
- 7C7E6B
- 7D7E70
- 7E7F76
- 7F807B
색 조화
보색 +180°
- 767A49
Tara’s Drapes
- 766E9B
≈ Purple Spire
유사색 -30° +30°
- 767A49
Tara’s Drapes
- 8A7244
≈ Rokou Brown
- 5E805A
≈ Garden Grove
삼각 배색 +120° +240°
- 767A49
Tara’s Drapes
- 497D98
≈ Coelin Blue
- 96657A
≈ Forest Berry
분열 보색 +150° +210°
- 767A49
Tara’s Drapes
- 5F769F
≈ Costume Blue
- 89688E
≈ Poetry Mauve
사각 배색 +90° +180° +270°
- 767A49
Tara’s Drapes
- 3D8287
≈ Pacific Sea Teal
- 766E9B
≈ Purple Spire
- 9B6563
≈ Cedar Ridge
대비 및 접근성
Ag
AA흰색 위
WCAG 4.51:1 · APCA Lc 71
Ag
AA검은색 위
WCAG 4.65:1 · APCA Lc 30
가장 좋은 글자색: #000000
WCAG 4.65:1 (AA) · APCA Lc 30
Contrast pairs
코드 스니펫
CSS
:root {
--tara-s-drapes: #767a49;
--tara-s-drapes-rgb: 118 122 73;
--tara-s-drapes-oklch: oklch(0.564 0.07 112.4);
}
.element {
color: var(--tara-s-drapes);
background-color: hsl(65 25% 38%);
border-color: oklch(0.564 0.07 112.4);
}Tailwind CSS v4
@theme {
--color-tara-s-drapes: #767a49;
--color-tara-s-drapes-50: #f4f8e2;
--color-tara-s-drapes-100: #e7ebd1;
--color-tara-s-drapes-200: #d3d8b7;
--color-tara-s-drapes-300: #b6bc93;
--color-tara-s-drapes-400: #9fa373;
--color-tara-s-drapes-500: #878b54;
--color-tara-s-drapes-600: #727648;
--color-tara-s-drapes-700: #5b5e39;
--color-tara-s-drapes-800: #434528;
--color-tara-s-drapes-900: #2f2f1b;
--color-tara-s-drapes-950: #1b1c0b;
}SCSS
$tara-s-drapes: #767a49;
$tara-s-drapes-rgb: 118, 122, 73;
$tara-s-drapes-light: mix(#fff, $tara-s-drapes, 20%);
$tara-s-drapes-dark: mix(#000, $tara-s-drapes, 20%);
.element {
color: $tara-s-drapes;
box-shadow: 0 0 0 2px rgba($tara-s-drapes, 0.35);
}