Color con nombre · #35454E
Gale Force
Gale Force es #35454E: rgb(53 69 78), hsl(202 19% 26%), oklch(0.38 0.026 233). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Gale Force color name →
#35454E
oklch(0.38 0.026 233)
Conversiones de color
- HEX
- #35454e
- RGB
- rgb(53 69 78)
- HSL
- hsl(202 19% 26%)
- HWB
- hwb(202 21% 69%)
- OKLCH
- oklch(0.38 0.026 233)
- OKLab
- oklab(0.38 -0.015 -0.02)
- CIE Lab
- lab(28.17 -4.75 -7.64)
- LCH
- lch(28.17 9 238.1)
- CMYK
- cmyk(32% 12% 0% 69%)
Tintes · Sombras · Tonos
Tintes
- 47565E
- 59676E
- 6C787F
- 808A90
- 949DA2
- A9B0B4
- BEC3C6
- D3D7D9
- E9EBEC
Sombras
- 2D3B43
- 253138
- 1D272D
- 151E23
- 0E1519
- 080C0F
- 030507
- 010202
- 000000
Tonos
- 3C4B53
- 435058
- 4B565D
- 525C62
- 5A6267
- 61686C
- 696E71
- 707476
- 787A7B
Armonías de color
Complementario +180°
- 35454E
Gale Force
- 4E3F36
≈ Paco
Análogo -30° +30°
- 35454E
Gale Force
- 324748
≈ Winter Balsam
- 3B4350
≈ Starlit Eve
Triádico +120° +240°
- 35454E
Gale Force
- 4E3D44
≈ Requiem
- 424434
≈ Garden Path
Complementario dividido +150° +210°
- 35454E
Gale Force
- 4F3D3C
≈ Magenta Ink
- 494133
≈ Cannon Ball
Tetrádico +90° +180° +270°
- 35454E
Gale Force
- 493E4A
≈ Funkie Friday
- 4E3F36
≈ Paco
- 3B463A
≈ Deep Forest
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 9.94:1 · APCA Lc 93
Ag
FailSobre negro
WCAG 2.11:1 · APCA Lc 9
Mejor color de texto: #FFFFFF
WCAG 9.94:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmentos de código
CSS
:root {
--gale-force: #35454e;
--gale-force-rgb: 53 69 78;
--gale-force-oklch: oklch(0.38 0.026 233);
}
.element {
color: var(--gale-force);
background-color: hsl(202 19% 26%);
border-color: oklch(0.38 0.026 233);
}Tailwind CSS v4
@theme {
--color-gale-force: #35454e;
--color-gale-force-50: #eef6fc;
--color-gale-force-100: #e0e9ef;
--color-gale-force-200: #cad6de;
--color-gale-force-300: #abbac3;
--color-gale-force-400: #90a1ab;
--color-gale-force-500: #768995;
--color-gale-force-600: #64747e;
--color-gale-force-700: #505d65;
--color-gale-force-800: #3a444a;
--color-gale-force-900: #282f33;
--color-gale-force-950: #161c1f;
}SCSS
$gale-force: #35454e;
$gale-force-rgb: 53, 69, 78;
$gale-force-light: mix(#fff, $gale-force, 20%);
$gale-force-dark: mix(#000, $gale-force, 20%);
.element {
color: $gale-force;
box-shadow: 0 0 0 2px rgba($gale-force, 0.35);
}