이름 색상 · #6D8687
Hammock
Hammock은(는) #6D8687: rgb(109 134 135), hsl(182 11% 48%), oklch(0.601 0.029 199.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Hammock color name →
#6D8687
oklch(0.601 0.029 199.4)
색상 변환
- HEX
- #6d8687
- RGB
- rgb(109 134 135)
- HSL
- hsl(182 11% 48%)
- HWB
- hwb(182 43% 47%)
- OKLCH
- oklch(0.601 0.029 199.4)
- OKLab
- oklab(0.601 -0.027 -0.01)
- CIE Lab
- lab(53.99 -9.11 -3.68)
- LCH
- lch(53.99 9.82 202)
- CMYK
- cmyk(19% 1% 0% 47%)
틴트 · 셰이드 · 톤
틴트
- 7B9192
- 899D9E
- 97A9AA
- A5B5B5
- B4C1C1
- C3CDCD
- D1D9DA
- E0E6E6
- F0F2F2
셰이드
- 5E7475
- 4F6263
- 415151
- 334041
- 263031
- 192121
- 0D1313
- 040606
- 010101
톤
- 6F8586
- 718586
- 738485
- 758484
- 778384
- 798283
- 7B8282
- 7C8181
- 7E8181
색 조화
보색 +180°
- 6D8687
Hammock
- 917A79
≈ Chocolaty
유사색 -30° +30°
- 6D8687
Hammock
- 70867E
≈ Dwarf Spruce
- 6F848E
≈ Blustery Sky
삼각 배색 +120° +240°
- 6D8687
Hammock
- 887B8C
≈ Classical Violet
- 8A7F6E
≈ Mossy Aura
분열 보색 +150° +210°
- 6D8687
Hammock
- 8E7A83
≈ Purple Rubiate
- 8F7C72
≈ Bridle Leather
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.88:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.41:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.41:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--hammock: #6d8687;
--hammock-rgb: 109 134 135;
--hammock-oklch: oklch(0.601 0.029 199.4);
}
.element {
color: var(--hammock);
background-color: hsl(182 11% 48%);
border-color: oklch(0.601 0.029 199.4);
}Tailwind CSS v4
@theme {
--color-hammock: #6d8687;
--color-hammock-50: #ecf8f8;
--color-hammock-100: #ddebec;
--color-hammock-200: #c7d8d9;
--color-hammock-300: #a7bcbd;
--color-hammock-400: #8ba4a5;
--color-hammock-500: #708c8d;
--color-hammock-600: #5f7778;
--color-hammock-700: #4c5f60;
--color-hammock-800: #374646;
--color-hammock-900: #263030;
--color-hammock-950: #141c1d;
}SCSS
$hammock: #6d8687;
$hammock-rgb: 109, 134, 135;
$hammock-light: mix(#fff, $hammock, 20%);
$hammock-dark: mix(#000, $hammock, 20%);
.element {
color: $hammock;
box-shadow: 0 0 0 2px rgba($hammock, 0.35);
}