Color con nombre · #51637B
Evening Symphony
Evening Symphony es #51637B: rgb(81 99 123), hsl(214 21% 40%), oklch(0.494 0.044 255.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Evening Symphony color name →
#51637B
oklch(0.494 0.044 255.7)
Conversiones de color
- HEX
- #51637b
- RGB
- rgb(81 99 123)
- HSL
- hsl(214 21% 40%)
- HWB
- hwb(214 32% 52%)
- OKLCH
- oklch(0.494 0.044 255.7)
- OKLab
- oklab(0.494 -0.011 -0.043)
- CIE Lab
- lab(41.18 -2.3 -15.89)
- LCH
- lch(41.18 16.05 261.7)
- CMYK
- cmyk(34% 20% 0% 52%)
Tintes · Sombras · Tonos
Tintes
- 617188
- 718094
- 828FA1
- 939EAE
- A4AEBB
- B6BEC9
- C8CED6
- DADEE4
- ECEEF1
Sombras
- 45556A
- 3A475A
- 2F3A4A
- 242E3A
- 1A212C
- 10161E
- 070B10
- 020305
- 000001
Tonos
- 56667C
- 5A697C
- 5F6C7D
- 646F7D
- 68727E
- 6D747E
- 72777F
- 767A7F
- 7B7D80
Armonías de color
Complementario +180°
- 51637B
Evening Symphony
- 705E45
≈ Prairie Foliage
Análogo -30° +30°
- 51637B
Evening Symphony
- 466775
≈ Teal Mosaic
- 5F5E7A
≈ Strong Iris
Triádico +120° +240°
- 51637B
Evening Symphony
- 795859
≈ Czarina
- 56684E
≈ Jalapeño Bouquet
Complementario dividido +150° +210°
- 51637B
Evening Symphony
- 785A4C
≈ Burns Cave
- 656346
≈ Incense Cedar
Tetrádico +90° +180° +270°
- 51637B
Evening Symphony
- 755867
≈ Royal Fig
- 705E45
≈ Prairie Foliage
- 496A5C
≈ Smoke Pine
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.13:1 · APCA Lc 81
Ag
FailSobre negro
WCAG 3.42:1 · APCA Lc 21
Mejor color de texto: #FFFFFF
WCAG 6.13:1 (AA) · APCA Lc 81
Contrast pairs
Fragmentos de código
CSS
:root {
--evening-symphony: #51637b;
--evening-symphony-rgb: 81 99 123;
--evening-symphony-oklch: oklch(0.494 0.044 255.7);
}
.element {
color: var(--evening-symphony);
background-color: hsl(214 21% 40%);
border-color: oklch(0.494 0.044 255.7);
}Tailwind CSS v4
@theme {
--color-evening-symphony: #51637b;
--color-evening-symphony-50: #edf6ff;
--color-evening-symphony-100: #dfe9f7;
--color-evening-symphony-200: #c9d5e8;
--color-evening-symphony-300: #aab9cf;
--color-evening-symphony-400: #8da0b9;
--color-evening-symphony-500: #7388a4;
--color-evening-symphony-600: #61738a;
--color-evening-symphony-700: #4e5c6f;
--color-evening-symphony-800: #384352;
--color-evening-symphony-900: #262f39;
--color-evening-symphony-950: #151b23;
}SCSS
$evening-symphony: #51637b;
$evening-symphony-rgb: 81, 99, 123;
$evening-symphony-light: mix(#fff, $evening-symphony, 20%);
$evening-symphony-dark: mix(#000, $evening-symphony, 20%);
.element {
color: $evening-symphony;
box-shadow: 0 0 0 2px rgba($evening-symphony, 0.35);
}