Color con nombre · #4F6B79
Winter Shadow
Winter Shadow es #4F6B79: rgb(79 107 121), hsl(200 21% 39%), oklch(0.511 0.04 230.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Winter Shadow color name →
#4F6B79
oklch(0.511 0.04 230.1)
Conversiones de color
- HEX
- #4f6b79
- RGB
- rgb(79 107 121)
- HSL
- hsl(200 21% 39%)
- HWB
- hwb(200 31% 53%)
- OKLCH
- oklch(0.511 0.04 230.1)
- OKLab
- oklab(0.511 -0.025 -0.03)
- CIE Lab
- lab(43.42 -7.82 -11.33)
- LCH
- lch(43.42 13.77 235.4)
- CMYK
- cmyk(35% 12% 0% 53%)
Tintes · Sombras · Tonos
Tintes
- 5F7986
- 708792
- 81959F
- 92A4AD
- A4B2BA
- B5C1C7
- C7D0D5
- DAE0E3
- ECEFF1
Sombras
- 445C68
- 384E58
- 2E3F48
- 233239
- 19252B
- 10181D
- 070D10
- 020405
- 000001
Tonos
- 546D7A
- 596F7B
- 5E717B
- 63737C
- 68767D
- 6D787D
- 727A7E
- 767C7F
- 7B7E7F
Armonías de color
Complementario +180°
- 4F6B79
Winter Shadow
- 7A6052
≈ Secret Journal
Análogo -30° +30°
- 4F6B79
Winter Shadow
- 4B6E6F
≈ Farrago
- 59677E
≈ Dana
Triádico +120° +240°
- 4F6B79
Winter Shadow
- 795D69
≈ Black Plum
- 67694E
≈ Hemlock
Complementario dividido +150° +210°
- 4F6B79
Winter Shadow
- 7C5E5D
≈ Reading Tea Leaves
- 72644D
≈ Adventurer
Tetrádico +90° +180° +270°
- 4F6B79
Winter Shadow
- 715F75
≈ Banished Brown
- 7A6052
≈ Secret Journal
- 5B6C57
≈ Royal Orchard
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.65:1 · APCA Lc 78
Ag
FailSobre negro
WCAG 3.71:1 · APCA Lc 24
Mejor color de texto: #FFFFFF
WCAG 5.65:1 (AA) · APCA Lc 78
Contrast pairs
Fragmentos de código
CSS
:root {
--winter-shadow: #4f6b79;
--winter-shadow-rgb: 79 107 121;
--winter-shadow-oklch: oklch(0.511 0.04 230.1);
}
.element {
color: var(--winter-shadow);
background-color: hsl(200 21% 39%);
border-color: oklch(0.511 0.04 230.1);
}Tailwind CSS v4
@theme {
--color-winter-shadow: #4f6b79;
--color-winter-shadow-50: #ebf7ff;
--color-winter-shadow-100: #dbebf3;
--color-winter-shadow-200: #c4d8e3;
--color-winter-shadow-300: #a4bbc8;
--color-winter-shadow-400: #87a3b2;
--color-winter-shadow-500: #6b8c9c;
--color-winter-shadow-600: #5b7684;
--color-winter-shadow-700: #495e69;
--color-winter-shadow-800: #34454d;
--color-winter-shadow-900: #243036;
--color-winter-shadow-950: #121c21;
}SCSS
$winter-shadow: #4f6b79;
$winter-shadow-rgb: 79, 107, 121;
$winter-shadow-light: mix(#fff, $winter-shadow, 20%);
$winter-shadow-dark: mix(#000, $winter-shadow, 20%);
.element {
color: $winter-shadow;
box-shadow: 0 0 0 2px rgba($winter-shadow, 0.35);
}