Nazwany kolor · #647B86
Passageway
Passageway to #647B86: rgb(100 123 134), hsl(199 15% 46%), oklch(0.569 0.032 228.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Passageway color name →
#647B86
oklch(0.569 0.032 228.5)
Konwersje koloru
- HEX
- #647b86
- RGB
- rgb(100 123 134)
- HSL
- hsl(199 15% 46%)
- HWB
- hwb(199 39% 47%)
- OKLCH
- oklch(0.569 0.032 228.5)
- OKLab
- oklab(0.569 -0.021 -0.024)
- CIE Lab
- lab(50.07 -6.67 -8.93)
- LCH
- lch(50.07 11.15 233.2)
- CMYK
- cmyk(25% 8% 0% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 738791
- 81949D
- 90A1A9
- 9FAEB5
- AFBBC1
- BEC8CD
- CED6D9
- DEE3E6
- EFF1F2
Odcienie ciemniejsze
- 566A74
- 485A62
- 3B4A51
- 2E3A40
- 222C30
- 161E21
- 0B1013
- 030506
- 000101
Tony
- 677C85
- 6A7C85
- 6D7D84
- 6F7D84
- 727E83
- 757E83
- 787F82
- 7B7F81
- 7D8081
Harmonie kolorów
Komplementarna +180°
- 647B86
Passageway
- 877267
≈ Fossil
Analogowa -30° +30°
- 647B86
Passageway
- 617D7E
≈ Stream Burble
- 6C788A
≈ Menacing Clouds
Triada +120° +240°
- 647B86
Passageway
- 86707A
≈ Innocent Pink
- 787963
≈ Northampton Trees
Komplementarna rozszczepiona +150° +210°
- 647B86
Passageway
- 897070
≈ Meridian
- 817562
≈ Dinosaur Bone
Tetrada +90° +180° +270°
- 647B86
Passageway
- 7F7183
≈ Decorative Iris
- 877267
≈ Fossil
- 6E7C6A
≈ Brussels
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.44:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.71:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.71:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
CSS
:root {
--passageway: #647b86;
--passageway-rgb: 100 123 134;
--passageway-oklch: oklch(0.569 0.032 228.5);
}
.element {
color: var(--passageway);
background-color: hsl(199 15% 46%);
border-color: oklch(0.569 0.032 228.5);
}Tailwind CSS v4
@theme {
--color-passageway: #647b86;
--color-passageway-50: #ecf7fd;
--color-passageway-100: #deeaf1;
--color-passageway-200: #c7d7df;
--color-passageway-300: #a8bbc5;
--color-passageway-400: #8ca3ae;
--color-passageway-500: #718b97;
--color-passageway-600: #607580;
--color-passageway-700: #4c5e66;
--color-passageway-800: #37454b;
--color-passageway-900: #263034;
--color-passageway-950: #141c1f;
}SCSS
$passageway: #647b86;
$passageway-rgb: 100, 123, 134;
$passageway-light: mix(#fff, $passageway, 20%);
$passageway-dark: mix(#000, $passageway, 20%);
.element {
color: $passageway;
box-shadow: 0 0 0 2px rgba($passageway, 0.35);
}