Nazwany kolor · #3E474C
Winter Way
Winter Way to #3E474C: rgb(62 71 76), hsl(201 10% 27%), oklch(0.392 0.014 232). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Winter Way color name →
#3E474C
oklch(0.392 0.014 232)
Konwersje koloru
- HEX
- #3e474c
- RGB
- rgb(62 71 76)
- HSL
- hsl(201 10% 27%)
- HWB
- hwb(201 24% 70%)
- OKLCH
- oklch(0.392 0.014 232)
- OKLab
- oklab(0.392 -0.009 -0.011)
- CIE Lab
- lab(29.48 -2.86 -4.31)
- LCH
- lch(29.48 5.17 236.5)
- CMYK
- cmyk(18% 7% 0% 70%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4F575C
- 61686D
- 737A7E
- 868C8F
- 999EA1
- ACB1B3
- C1C4C6
- D5D7D8
- EAEBEC
Odcienie ciemniejsze
- 353D41
- 2B3236
- 23282C
- 1A1F22
- 121618
- 0A0D0F
- 040606
- 010202
- 000000
Tony
- 444C51
- 4B5256
- 51585B
- 585D60
- 5E6365
- 65696B
- 6B6E70
- 727475
- 797A7B
Harmonie kolorów
Komplementarna +180°
- 3E474C
Winter Way
- 4C433E
≈ Vehicle Body Grey
Analogowa -30° +30°
- 3E474C
Winter Way
- 3D4849
≈ Panda Black
- 41464D
≈ Alpine Duck Grey
Triada +120° +240°
- 3E474C
Winter Way
- 4C4246
≈ Apple Herb Black
- 45463E
≈ Heavy Metal
Komplementarna rozszczepiona +150° +210°
- 3E474C
Winter Way
- 4D4342
≈ Mulch
- 49453D
≈ Whiskey and Wine
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.50:1 · APCA Lc 92
Ag
FailNa czerni
WCAG 2.21:1 · APCA Lc 10
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.50:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--winter-way: #3e474c;
--winter-way-rgb: 62 71 76;
--winter-way-oklch: oklch(0.392 0.014 232);
}
.element {
color: var(--winter-way);
background-color: hsl(201 10% 27%);
border-color: oklch(0.392 0.014 232);
}Tailwind CSS v4
@theme {
--color-winter-way: #3e474c;
--color-winter-way-50: #f1f6f9;
--color-winter-way-100: #e3e9ec;
--color-winter-way-200: #ced5d9;
--color-winter-way-300: #b1b9be;
--color-winter-way-400: #96a0a6;
--color-winter-way-500: #7d888e;
--color-winter-way-600: #6a7378;
--color-winter-way-700: #555c60;
--color-winter-way-800: #3d4346;
--color-winter-way-900: #2a2f31;
--color-winter-way-950: #181b1d;
}SCSS
$winter-way: #3e474c;
$winter-way-rgb: 62, 71, 76;
$winter-way-light: mix(#fff, $winter-way, 20%);
$winter-way-dark: mix(#000, $winter-way, 20%);
.element {
color: $winter-way;
box-shadow: 0 0 0 2px rgba($winter-way, 0.35);
}