Color con nombre · #758CA4
Blue Shadow
Blue Shadow es #758CA4: rgb(117 140 164), hsl(211 21% 55%), oklch(0.631 0.045 249.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Blue Shadow color name →
#758CA4
oklch(0.631 0.045 249.6)
Conversiones de color
- HEX
- #758ca4
- RGB
- rgb(117 140 164)
- HSL
- hsl(211 21% 55%)
- HWB
- hwb(211 46% 36%)
- OKLCH
- oklch(0.631 0.045 249.6)
- OKLab
- oklab(0.631 -0.016 -0.042)
- CIE Lab
- lab(57.08 -4.18 -15.63)
- LCH
- lch(57.08 16.18 255)
- CMYK
- cmyk(29% 15% 0% 36%)
Tintes · Sombras · Tonos
Tintes
- 8297AD
- 8FA2B6
- 9DADBF
- AAB9C8
- B8C4D1
- C6D0DA
- D4DBE3
- E2E7EC
- F1F3F6
Sombras
- 65798E
- 556779
- 465564
- 374350
- 29333D
- 1C232B
- 0F141A
- 05070A
- 010101
Tonos
- 768BA0
- 778A9D
- 798999
- 7A8796
- 7B8692
- 7C858E
- 7D848B
- 7E8287
- 7F8184
Armonías de color
Complementario +180°
- 758CA4
Blue Shadow
- 9B856C
≈ Tahini Brown
Análogo -30° +30°
- 758CA4
Blue Shadow
- 6B909C
≈ Secret Cove
- 8387A5
≈ Velvet Curtain
Triádico +120° +240°
- 758CA4
Blue Shadow
- A27F83
≈ Plumville
- 818F73
≈ Battleship Green
Complementario dividido +150° +210°
- 758CA4
Blue Shadow
- A28175
≈ Clay Dusk
- 908A6B
≈ Wilderness
Tetrádico +90° +180° +270°
- 758CA4
Blue Shadow
- 9D7F92
≈ Garden Plum
- 9B856C
≈ Tahini Brown
- 729280
≈ Rainford
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.47:1 · APCA Lc 62
Ag
AASobre negro
WCAG 6.04:1 · APCA Lc 39
Mejor color de texto: #000000
WCAG 6.04:1 (AA) · APCA Lc 39
Contrast pairs
Fragmentos de código
CSS
:root {
--blue-shadow: #758ca4;
--blue-shadow-rgb: 117 140 164;
--blue-shadow-oklch: oklch(0.631 0.045 249.6);
}
.element {
color: var(--blue-shadow);
background-color: hsl(211 21% 55%);
border-color: oklch(0.631 0.045 249.6);
}Tailwind CSS v4
@theme {
--color-blue-shadow: #758ca4;
--color-blue-shadow-50: #ecf6ff;
--color-blue-shadow-100: #dde9f7;
--color-blue-shadow-200: #c7d6e7;
--color-blue-shadow-300: #a7b9ce;
--color-blue-shadow-400: #8ba1b8;
--color-blue-shadow-500: #7089a3;
--color-blue-shadow-600: #5f748a;
--color-blue-shadow-700: #4c5d6f;
--color-blue-shadow-800: #364451;
--color-blue-shadow-900: #252f39;
--color-blue-shadow-950: #141b23;
}SCSS
$blue-shadow: #758ca4;
$blue-shadow-rgb: 117, 140, 164;
$blue-shadow-light: mix(#fff, $blue-shadow, 20%);
$blue-shadow-dark: mix(#000, $blue-shadow, 20%);
.element {
color: $blue-shadow;
box-shadow: 0 0 0 2px rgba($blue-shadow, 0.35);
}