Nazwany kolor · #6D8687
Hammock
Hammock to #6D8687: rgb(109 134 135), hsl(182 11% 48%), oklch(0.601 0.029 199.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Hammock color name →
#6D8687
oklch(0.601 0.029 199.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7B9192
- 899D9E
- 97A9AA
- A5B5B5
- B4C1C1
- C3CDCD
- D1D9DA
- E0E6E6
- F0F2F2
Odcienie ciemniejsze
- 5E7475
- 4F6263
- 415151
- 334041
- 263031
- 192121
- 0D1313
- 040606
- 010101
Tony
- 6F8586
- 718586
- 738485
- 758484
- 778384
- 798283
- 7B8282
- 7C8181
- 7E8181
Harmonie kolorów
Komplementarna +180°
- 6D8687
Hammock
- 917A79
≈ Chocolaty
Analogowa -30° +30°
- 6D8687
Hammock
- 70867E
≈ Dwarf Spruce
- 6F848E
≈ Blustery Sky
Triada +120° +240°
- 6D8687
Hammock
- 887B8C
≈ Classical Violet
- 8A7F6E
≈ Mossy Aura
Komplementarna rozszczepiona +150° +210°
- 6D8687
Hammock
- 8E7A83
≈ Purple Rubiate
- 8F7C72
≈ Bridle Leather
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.88:1 · APCA Lc 66
Ag
AANa czerni
WCAG 5.41:1 · APCA Lc 35
Najlepszy kolor tekstu: #000000
WCAG 5.41:1 (AA) · APCA Lc 35
Contrast pairs
Fragmenty kodu
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);
}