Color con nombre · #7B8CA8
Evening Hush
Evening Hush es #7B8CA8: rgb(123 140 168), hsl(217 21% 57%), oklch(0.637 0.047 260.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Evening Hush color name →
#7B8CA8
oklch(0.637 0.047 260.4)
Conversiones de color
- HEX
- #7b8ca8
- RGB
- rgb(123 140 168)
- HSL
- hsl(217 21% 57%)
- HWB
- hwb(217 48% 34%)
- OKLCH
- oklch(0.637 0.047 260.4)
- OKLab
- oklab(0.637 -0.008 -0.046)
- CIE Lab
- lab(57.64 -1.41 -17.02)
- LCH
- lch(57.64 17.08 265.3)
- CMYK
- cmyk(27% 17% 0% 34%)
Tintes · Sombras · Tonos
Tintes
- 8797B1
- 94A2B9
- A1ADC2
- AEB9CA
- BBC4D3
- C8D0DC
- D6DBE5
- E3E7ED
- F1F3F6
Sombras
- 6A7992
- 5A677C
- 4A5567
- 3A4352
- 2C333F
- 1E232C
- 10141A
- 05070A
- 010101
Tonos
- 7C8BA4
- 7C8AA0
- 7D899C
- 7D8798
- 7E8694
- 7E8590
- 7F848C
- 7F8288
- 808184
Armonías de color
Complementario +180°
- 7B8CA8
Evening Hush
- 9A896B
≈ Renwick Olive
Análogo -30° +30°
- 7B8CA8
Evening Hush
- 6E91A2
≈ Wave Jumper
- 8A87A6
≈ Purple Hills
Triádico +120° +240°
- 7B8CA8
Evening Hush
- A6807F
≈ Jupiter Brown
- 7C9378
≈ Chic Shade
Complementario dividido +150° +210°
- 7B8CA8
Evening Hush
- A38372
≈ Clay Dusk
- 8C8E6D
≈ Rowntree
Tetrádico +90° +180° +270°
- 7B8CA8
Evening Hush
- A2808F
≈ Garden Plum
- 9A896B
≈ Renwick Olive
- 6F9587
≈ Up North
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.40:1 · APCA Lc 62
Ag
AASobre negro
WCAG 6.15:1 · APCA Lc 40
Mejor color de texto: #000000
WCAG 6.15:1 (AA) · APCA Lc 40
Contrast pairs
Fragmentos de código
CSS
:root {
--evening-hush: #7b8ca8;
--evening-hush-rgb: 123 140 168;
--evening-hush-oklch: oklch(0.637 0.047 260.4);
}
.element {
color: var(--evening-hush);
background-color: hsl(217 21% 57%);
border-color: oklch(0.637 0.047 260.4);
}Tailwind CSS v4
@theme {
--color-evening-hush: #7b8ca8;
--color-evening-hush-50: #eef6ff;
--color-evening-hush-100: #e0e8f8;
--color-evening-hush-200: #cad5e9;
--color-evening-hush-300: #abb8d0;
--color-evening-hush-400: #8f9fbb;
--color-evening-hush-500: #7487a6;
--color-evening-hush-600: #63728c;
--color-evening-hush-700: #4f5b70;
--color-evening-hush-800: #394353;
--color-evening-hush-900: #272e3a;
--color-evening-hush-950: #151b24;
}SCSS
$evening-hush: #7b8ca8;
$evening-hush-rgb: 123, 140, 168;
$evening-hush-light: mix(#fff, $evening-hush, 20%);
$evening-hush-dark: mix(#000, $evening-hush, 20%);
.element {
color: $evening-hush;
box-shadow: 0 0 0 2px rgba($evening-hush, 0.35);
}