Nazwany kolor · #777E90
Seattle Haze
Seattle Haze to #777E90: rgb(119 126 144), hsl(223 10% 52%), oklch(0.593 0.029 268.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Seattle Haze color name →
#777E90
oklch(0.593 0.029 268.6)
Konwersje koloru
- HEX
- #777e90
- RGB
- rgb(119 126 144)
- HSL
- hsl(223 10% 52%)
- HWB
- hwb(223 47% 44%)
- OKLCH
- oklch(0.593 0.029 268.6)
- OKLab
- oklab(0.593 -0.001 -0.029)
- CIE Lab
- lab(52.68 0.29 -10.7)
- LCH
- lch(52.68 10.71 271.6)
- CMYK
- cmyk(17% 12% 0% 44%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 848A9B
- 9196A5
- 9EA3B0
- ABB0BB
- B9BDC6
- C6CAD1
- D4D7DD
- E2E4E8
- F1F1F3
Odcienie ciemniejsze
- 676D7D
- 575C6A
- 474C57
- 383C45
- 2A2D34
- 1C1F24
- 101115
- 050507
- 010101
Tony
- 787E8E
- 797E8D
- 7A7F8B
- 7B7F8A
- 7B7F88
- 7C7F87
- 7D7F85
- 7E8083
- 7F8082
Harmonie kolorów
Komplementarna +180°
- 777E90
Seattle Haze
- 857E6B
≈ Serpent
Analogowa -30° +30°
- 777E90
Seattle Haze
- 6F818E
≈ Stormy Oceans
- 807B8E
≈ Waterloo
Triada +120° +240°
- 777E90
Seattle Haze
- 8F7875
≈ Venus Deva
- 738375
≈ Calabash Clash
Komplementarna rozszczepiona +150° +210°
- 777E90
Seattle Haze
- 8C7B6E
≈ Road Less-Travelled
- 7C816E
≈ Kakadu Trail
Tetrada +90° +180° +270°
- 777E90
Seattle Haze
- 8D777E
≈ Purple Rubiate
- 857E6B
≈ Serpent
- 6D847E
≈ Dwarf Spruce
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.06:1 · APCA Lc 68
Ag
AANa czerni
WCAG 5.17:1 · APCA Lc 34
Najlepszy kolor tekstu: #000000
WCAG 5.17:1 (AA) · APCA Lc 34
Contrast pairs
Fragmenty kodu
CSS
:root {
--seattle-haze: #777e90;
--seattle-haze-rgb: 119 126 144;
--seattle-haze-oklch: oklch(0.593 0.029 268.6);
}
.element {
color: var(--seattle-haze);
background-color: hsl(223 10% 52%);
border-color: oklch(0.593 0.029 268.6);
}Tailwind CSS v4
@theme {
--color-seattle-haze: #777e90;
--color-seattle-haze-50: #f2f5fe;
--color-seattle-haze-100: #e4e8f2;
--color-seattle-haze-200: #cfd4e1;
--color-seattle-haze-300: #b2b7c7;
--color-seattle-haze-400: #979eb0;
--color-seattle-haze-500: #7e869a;
--color-seattle-haze-600: #6b7182;
--color-seattle-haze-700: #555b68;
--color-seattle-haze-800: #3e424d;
--color-seattle-haze-900: #2a2e35;
--color-seattle-haze-950: #181b20;
}SCSS
$seattle-haze: #777e90;
$seattle-haze-rgb: 119, 126, 144;
$seattle-haze-light: mix(#fff, $seattle-haze, 20%);
$seattle-haze-dark: mix(#000, $seattle-haze, 20%);
.element {
color: $seattle-haze;
box-shadow: 0 0 0 2px rgba($seattle-haze, 0.35);
}