Nazwany kolor · #626970
Gibraltar
Gibraltar to #626970: rgb(98 105 112), hsl(210 7% 41%), oklch(0.517 0.014 248.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Gibraltar color name →
#626970
oklch(0.517 0.014 248.1)
Konwersje koloru
- HEX
- #626970
- RGB
- rgb(98 105 112)
- HSL
- hsl(210 7% 41%)
- HWB
- hwb(210 38% 56%)
- OKLCH
- oklch(0.517 0.014 248.1)
- OKLab
- oklab(0.517 -0.005 -0.013)
- CIE Lab
- lab(43.98 -1.61 -4.91)
- LCH
- lch(43.98 5.17 251.8)
- CMYK
- cmyk(13% 6% 0% 56%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 70777D
- 7F858B
- 8E9399
- 9EA2A7
- ADB1B5
- BDC0C3
- CDD0D2
- DEDFE1
- EEEFF0
Odcienie ciemniejsze
- 545A60
- 474C51
- 3A3E43
- 2D3135
- 212427
- 16181A
- 0B0C0E
- 030404
- 000001
Tony
- 656B72
- 686E73
- 6B7075
- 6E7276
- 717478
- 74777A
- 77797B
- 7A7B7D
- 7D7E7E
Harmonie kolorów
Komplementarna +180°
- 626970
Gibraltar
- 6E6760
≈ Catch of the Day
Analogowa -30° +30°
- 626970
Gibraltar
- 606A6E
≈ Equinox
- 666770
≈ Alley Cat
Triada +120° +240°
- 626970
Gibraltar
- 706566
≈ Chocolate Pudding
- 666A61
≈ Nature’s Gate
Komplementarna rozszczepiona +150° +210°
- 626970
Gibraltar
- 706662
≈ Sultry Spell
- 6A685F
≈ Catch of the Day
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.56:1 · APCA Lc 78
Ag
FailNa czerni
WCAG 3.77:1 · APCA Lc 24
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.56:1 (AA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--gibraltar: #626970;
--gibraltar-rgb: 98 105 112;
--gibraltar-oklch: oklch(0.517 0.014 248.1);
}
.element {
color: var(--gibraltar);
background-color: hsl(210 7% 41%);
border-color: oklch(0.517 0.014 248.1);
}Tailwind CSS v4
@theme {
--color-gibraltar: #626970;
--color-gibraltar-50: #f2f5f9;
--color-gibraltar-100: #e4e8ec;
--color-gibraltar-200: #d0d5da;
--color-gibraltar-300: #b2b8be;
--color-gibraltar-400: #989fa6;
--color-gibraltar-500: #7f878f;
--color-gibraltar-600: #6c7279;
--color-gibraltar-700: #565b61;
--color-gibraltar-800: #3f4347;
--color-gibraltar-900: #2b2e31;
--color-gibraltar-950: #181b1d;
}SCSS
$gibraltar: #626970;
$gibraltar-rgb: 98, 105, 112;
$gibraltar-light: mix(#fff, $gibraltar, 20%);
$gibraltar-dark: mix(#000, $gibraltar, 20%);
.element {
color: $gibraltar;
box-shadow: 0 0 0 2px rgba($gibraltar, 0.35);
}