Color con nombre · #67667C
Swollen Sky
Swollen Sky es #67667C: rgb(103 102 124), hsl(243 10% 44%), oklch(0.519 0.034 287.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Swollen Sky color name →
#67667C
oklch(0.519 0.034 287.2)
Conversiones de color
- HEX
- #67667c
- RGB
- rgb(103 102 124)
- HSL
- hsl(243 10% 44%)
- HWB
- hwb(243 40% 51%)
- OKLCH
- oklch(0.519 0.034 287.2)
- OKLab
- oklab(0.519 0.01 -0.033)
- CIE Lab
- lab(43.89 4.1 -12.19)
- LCH
- lch(43.89 12.86 288.6)
- CMYK
- cmyk(17% 18% 0% 51%)
Tintes · Sombras · Tonos
Tintes
- 757488
- 838395
- 9291A2
- A1A0AF
- B0AFBC
- BFBFC9
- CFCFD6
- DFDFE4
- EFEFF1
Sombras
- 59586B
- 4B4A5A
- 3D3C4A
- 302F3B
- 23232C
- 17171E
- 0C0C11
- 040405
- 000001
Tonos
- 69697C
- 6C6B7D
- 6E6E7D
- 71707E
- 73737E
- 76767F
- 78787F
- 7B7B7F
- 7D7D80
Armonías de color
Complementario +180°
- 67667C
Swollen Sky
- 6B6A54
≈ Aged Jade
Análogo -30° +30°
- 67667C
Swollen Sky
- 5C6A7D
≈ Spinning Blue
- 716376
≈ Purple Suede
Triádico +120° +240°
- 67667C
Swollen Sky
- 7A6358
≈ Bear Hug
- 566F65
≈ High Tea Green
Complementario dividido +150° +210°
- 67667C
Swollen Sky
- 746653
≈ Ground Pepper
- 5F6E5A
≈ Royal Orchard
Tetrádico +90° +180° +270°
- 67667C
Swollen Sky
- 7B6161
≈ Pretty Puce
- 6B6A54
≈ Aged Jade
- 516F70
≈ Silver Pine
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.57:1 · APCA Lc 78
Ag
FailSobre negro
WCAG 3.76:1 · APCA Lc 24
Mejor color de texto: #FFFFFF
WCAG 5.57:1 (AA) · APCA Lc 78
Contrast pairs
Fragmentos de código
CSS
:root {
--swollen-sky: #67667c;
--swollen-sky-rgb: 103 102 124;
--swollen-sky-oklch: oklch(0.519 0.034 287.2);
}
.element {
color: var(--swollen-sky);
background-color: hsl(243 10% 44%);
border-color: oklch(0.519 0.034 287.2);
}Tailwind CSS v4
@theme {
--color-swollen-sky: #67667c;
--color-swollen-sky-50: #f4f4ff;
--color-swollen-sky-100: #e7e6f3;
--color-swollen-sky-200: #d3d2e2;
--color-swollen-sky-300: #b6b5c8;
--color-swollen-sky-400: #9d9cb2;
--color-swollen-sky-500: #84839c;
--color-swollen-sky-600: #706f84;
--color-swollen-sky-700: #59596a;
--color-swollen-sky-800: #41414e;
--color-swollen-sky-900: #2d2d36;
--color-swollen-sky-950: #1a1a21;
}SCSS
$swollen-sky: #67667c;
$swollen-sky-rgb: 103, 102, 124;
$swollen-sky-light: mix(#fff, $swollen-sky, 20%);
$swollen-sky-dark: mix(#000, $swollen-sky, 20%);
.element {
color: $swollen-sky;
box-shadow: 0 0 0 2px rgba($swollen-sky, 0.35);
}