Nazwany kolor · #7D867C
Stone Craft
Stone Craft to #7D867C: rgb(125 134 124), hsl(114 4% 51%), oklch(0.61 0.018 142.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Stone Craft color name →
#7D867C
oklch(0.61 0.018 142.5)
Konwersje koloru
- HEX
- #7d867c
- RGB
- rgb(125 134 124)
- HSL
- hsl(114 4% 51%)
- HWB
- hwb(114 49% 47%)
- OKLCH
- oklch(0.61 0.018 142.5)
- OKLab
- oklab(0.61 -0.014 0.011)
- CIE Lab
- lab(54.94 -4.93 4.21)
- LCH
- lch(54.94 6.48 139.5)
- CMYK
- cmyk(7% 0% 7% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 899188
- 969D95
- A2A9A1
- AFB5AE
- BCC1BB
- C9CDC9
- D6D9D6
- E4E6E3
- F1F2F1
Odcienie ciemniejsze
- 6C746B
- 5B625A
- 4B514A
- 3B403B
- 2C302C
- 1E211E
- 111311
- 050605
- 010101
Tony
- 7D857C
- 7E857D
- 7E847D
- 7E847E
- 7F837E
- 7F827E
- 7F827F
- 7F817F
- 808180
Harmonie kolorów
Komplementarna +180°
- 7D867C
Stone Craft
- 88808A
≈ Asian Violet
Analogowa -30° +30°
- 7D867C
Stone Craft
- 838478
≈ Mountain Road
- 798782
≈ Juniper Ash
Triada +120° +240°
- 7D867C
Stone Craft
- 7D838E
≈ Smoky Studio
- 8E7F7E
≈ Rocket Metallic
Komplementarna rozszczepiona +150° +210°
- 7D867C
Stone Craft
- 83818D
≈ In the Twilight
- 8C7F84
≈ Mighty Mauve
Tetrada +90° +180° +270°
- 7D867C
Stone Craft
- 79858C
≈ Serious Cloud
- 88808A
≈ Asian Violet
- 8C8079
≈ Bleached Bark
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.76:1 · APCA Lc 65
Ag
AANa czerni
WCAG 5.57:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.57:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
CSS
:root {
--stone-craft: #7d867c;
--stone-craft-rgb: 125 134 124;
--stone-craft-oklch: oklch(0.61 0.018 142.5);
}
.element {
color: var(--stone-craft);
background-color: hsl(114 4% 51%);
border-color: oklch(0.61 0.018 142.5);
}Tailwind CSS v4
@theme {
--color-stone-craft: #7d867c;
--color-stone-craft-50: #f2f7f2;
--color-stone-craft-100: #e4e9e4;
--color-stone-craft-200: #d0d6cf;
--color-stone-craft-300: #b2bab2;
--color-stone-craft-400: #98a197;
--color-stone-craft-500: #7f897e;
--color-stone-craft-600: #6c746b;
--color-stone-craft-700: #565d56;
--color-stone-craft-800: #3f443e;
--color-stone-craft-900: #2b2f2b;
--color-stone-craft-950: #191c18;
}SCSS
$stone-craft: #7d867c;
$stone-craft-rgb: 125, 134, 124;
$stone-craft-light: mix(#fff, $stone-craft, 20%);
$stone-craft-dark: mix(#000, $stone-craft, 20%);
.element {
color: $stone-craft;
box-shadow: 0 0 0 2px rgba($stone-craft, 0.35);
}