Nazwany kolor · #6D6562
Folkstone
Folkstone to #6D6562: rgb(109 101 98), hsl(16 5% 41%), oklch(0.513 0.011 41.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Folkstone color name →
#6D6562
oklch(0.513 0.011 41.8)
Konwersje koloru
- HEX
- #6d6562
- RGB
- rgb(109 101 98)
- HSL
- hsl(16 5% 41%)
- HWB
- hwb(16 38% 57%)
- OKLCH
- oklch(0.513 0.011 41.8)
- OKLab
- oklab(0.513 0.008 0.007)
- CIE Lab
- lab(43.47 2.84 2.9)
- LCH
- lch(43.47 4.06 45.6)
- CMYK
- cmyk(0% 7% 10% 57%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7B7370
- 88827F
- 96908E
- A59F9E
- B3AFAD
- C2BEBD
- D1CECD
- E0DEDE
- EFEFEE
Odcienie ciemniejsze
- 5E5754
- 4F4947
- 413C3A
- 332F2D
- 262221
- 191716
- 0D0C0B
- 040303
- 010000
Tony
- 6F6865
- 716A68
- 736D6B
- 75706E
- 767271
- 787574
- 7A7877
- 7C7B7A
- 7E7D7D
Harmonie kolorów
Komplementarna +180°
- 6D6562
Folkstone
- 60696C
≈ Equinox
Analogowa -30° +30°
- 6D6562
Folkstone
- 6D6465
≈ Scorpion
- 6B6660
≈ Trail Print
Triada +120° +240°
- 6D6562
Folkstone
- 626965
≈ Dark Pewter
- 66666D
≈ Alter Ego
Komplementarna rozszczepiona +150° +210°
- 6D6562
Folkstone
- 606968
≈ Dark Pewter
- 62686D
≈ Thames Dusk
Tetrada +90° +180° +270°
- 6D6562
Folkstone
- 656862
≈ Black Locust
- 60696C
≈ Equinox
- 69656C
≈ Alter Ego
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.69:1 · APCA Lc 79
Ag
FailNa czerni
WCAG 3.68:1 · APCA Lc 23
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.69:1 (AA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--folkstone: #6d6562;
--folkstone-rgb: 109 101 98;
--folkstone-oklch: oklch(0.513 0.011 41.8);
}
.element {
color: var(--folkstone);
background-color: hsl(16 5% 41%);
border-color: oklch(0.513 0.011 41.8);
}Tailwind CSS v4
@theme {
--color-folkstone: #6d6562;
--color-folkstone-50: #f8f4f2;
--color-folkstone-100: #ebe7e5;
--color-folkstone-200: #d9d3d0;
--color-folkstone-300: #bdb6b3;
--color-folkstone-400: #a59c99;
--color-folkstone-500: #8d8480;
--color-folkstone-600: #77706d;
--color-folkstone-700: #605957;
--color-folkstone-800: #46413f;
--color-folkstone-900: #302d2c;
--color-folkstone-950: #1d1a19;
}SCSS
$folkstone: #6d6562;
$folkstone-rgb: 109, 101, 98;
$folkstone-light: mix(#fff, $folkstone, 20%);
$folkstone-dark: mix(#000, $folkstone, 20%);
.element {
color: $folkstone;
box-shadow: 0 0 0 2px rgba($folkstone, 0.35);
}