Colore con nome · #49545A
Country Sky
Country Sky è #49545A: rgb(73 84 90), hsl(201 10% 32%), oklch(0.438 0.017 231.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Country Sky color name →
#49545A
oklch(0.438 0.017 231.6)
Conversioni di colore
- HEX
- #49545a
- RGB
- rgb(73 84 90)
- HSL
- hsl(201 10% 32%)
- HWB
- hwb(201 29% 65%)
- OKLCH
- oklch(0.438 0.017 231.6)
- OKLab
- oklab(0.438 -0.011 -0.013)
- CIE Lab
- lab(34.92 -3.4 -5.05)
- LCH
- lch(34.92 6.09 236.1)
- CMYK
- cmyk(19% 7% 0% 65%)
Tinte · Ombre · Toni
Tinte
- 596369
- 6A7378
- 7B8488
- 8D9498
- 9FA5A9
- B2B7B9
- C5C8CA
- D8DADC
- EBEDED
Ombre
- 3E484D
- 343C41
- 2A3135
- 202629
- 171B1E
- 0E1113
- 060809
- 020203
- 000000
Toni
- 4E585E
- 545D61
- 596165
- 5F6569
- 646A6D
- 6A6E71
- 6F7274
- 757778
- 7A7B7C
Armonie di colore
Complementare +180°
- 49545A
Country Sky
- 5A504A
≈ Weathered Brown
Analogo -30° +30°
- 49545A
Country Sky
- 485556
≈ Asagi Koi
- 4D525C
≈ Evening Cityscape
Triadico +120° +240°
- 49545A
Country Sky
- 5A4E53
≈ Quail Hollow
- 525348
≈ NATO Olive
Complementare divisa +150° +210°
- 49545A
Country Sky
- 5B4F4E
≈ Smooth Coffee
- 575148
≈ Bridgewood
Tetradico +90° +180° +270°
- 49545A
Country Sky
- 574F58
≈ Purple Empire
- 5A504A
≈ Weathered Brown
- 4D554C
≈ Deep Evergreen
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.78:1 · APCA Lc 87
Ag
FailSu nero
WCAG 2.69:1 · APCA Lc 15
Miglior colore del testo: #FFFFFF
WCAG 7.78:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--country-sky: #49545a;
--country-sky-rgb: 73 84 90;
--country-sky-oklch: oklch(0.438 0.017 231.6);
}
.element {
color: var(--country-sky);
background-color: hsl(201 10% 32%);
border-color: oklch(0.438 0.017 231.6);
}Tailwind CSS v4
@theme {
--color-country-sky: #49545a;
--color-country-sky-50: #f1f6f9;
--color-country-sky-100: #e3e9ed;
--color-country-sky-200: #cdd6da;
--color-country-sky-300: #afb9bf;
--color-country-sky-400: #95a0a7;
--color-country-sky-500: #7b8890;
--color-country-sky-600: #68737a;
--color-country-sky-700: #535c61;
--color-country-sky-800: #3d4447;
--color-country-sky-900: #2a2f31;
--color-country-sky-950: #171b1d;
}SCSS
$country-sky: #49545a;
$country-sky-rgb: 73, 84, 90;
$country-sky-light: mix(#fff, $country-sky, 20%);
$country-sky-dark: mix(#000, $country-sky, 20%);
.element {
color: $country-sky;
box-shadow: 0 0 0 2px rgba($country-sky, 0.35);
}