이름 색상 · #84816F
Tortuga
Tortuga은(는) #84816F: rgb(132 129 111), hsl(51 9% 48%), oklch(0.601 0.027 99.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Tortuga color name →
#84816F
oklch(0.601 0.027 99.4)
색상 변환
- HEX
- #84816f
- RGB
- rgb(132 129 111)
- HSL
- hsl(51 9% 48%)
- HWB
- hwb(51 44% 48%)
- OKLCH
- oklch(0.601 0.027 99.4)
- OKLab
- oklab(0.601 -0.004 0.026)
- CIE Lab
- lab(53.85 -1.26 10.23)
- LCH
- lch(53.85 10.31 97)
- CMYK
- cmyk(0% 2% 16% 48%)
틴트 · 셰이드 · 톤
틴트
- 908D7C
- 9B998A
- A7A598
- B3B2A6
- C0BEB5
- CCCBC3
- D9D8D2
- E5E5E1
- F2F2F0
셰이드
- 726F60
- 605E51
- 4F4E42
- 3F3E34
- 2F2E27
- 201F1A
- 12120E
- 060604
- 010101
톤
- 848171
- 838172
- 838174
- 828176
- 828178
- 828079
- 81807B
- 81807D
- 80807E
색 조화
보색 +180°
- 84816F
Tortuga
- 7D7F91
≈ Majestic Mount
유사색 -30° +30°
- 84816F
Tortuga
- 8B7E70
≈ Restful Brown
- 7B8473
≈ Leafy Lichen
삼각 배색 +120° +240°
- 84816F
Tortuga
- 6F858B
≈ Blustery Sky
- 8C7B86
≈ Mediaeval Wine
분열 보색 +150° +210°
- 84816F
Tortuga
- 758290
≈ Battle Blue
- 857C8D
≈ High Note
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.92:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.35:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.35:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--tortuga: #84816f;
--tortuga-rgb: 132 129 111;
--tortuga-oklch: oklch(0.601 0.027 99.4);
}
.element {
color: var(--tortuga);
background-color: hsl(51 9% 48%);
border-color: oklch(0.601 0.027 99.4);
}Tailwind CSS v4
@theme {
--color-tortuga: #84816f;
--color-tortuga-50: #f6f5ed;
--color-tortuga-100: #e9e8de;
--color-tortuga-200: #d6d5c8;
--color-tortuga-300: #bab8a9;
--color-tortuga-400: #a29f8d;
--color-tortuga-500: #8a8773;
--color-tortuga-600: #757261;
--color-tortuga-700: #5e5b4e;
--color-tortuga-800: #454338;
--color-tortuga-900: #302e26;
--color-tortuga-950: #1c1b15;
}SCSS
$tortuga: #84816f;
$tortuga-rgb: 132, 129, 111;
$tortuga-light: mix(#fff, $tortuga, 20%);
$tortuga-dark: mix(#000, $tortuga, 20%);
.element {
color: $tortuga;
box-shadow: 0 0 0 2px rgba($tortuga, 0.35);
}