Cor nomeada · #444499
Galaxy Express
Galaxy Express é #444499: rgb(68 68 153), hsl(240 38% 43%), oklch(0.435 0.135 279.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Galaxy Express color name →
#444499
oklch(0.435 0.135 279.2)
Conversões de cor
- HEX
- #444499
- RGB
- rgb(68 68 153)
- HSL
- hsl(240 38% 43%)
- HWB
- hwb(240 27% 40%)
- OKLCH
- oklch(0.435 0.135 279.2)
- OKLab
- oklab(0.435 0.022 -0.134)
- CIE Lab
- lab(32.62 19.79 -47.56)
- LCH
- lch(32.62 51.51 292.6)
- CMYK
- cmyk(56% 56% 0% 40%)
Tons claros · Sombras · Tons
Tons claros
- 5357A4
- 6469AF
- 757BBA
- 888DC4
- 9AA0CE
- AEB2D8
- C1C5E2
- D5D8EC
- EAECF6
Sombras
- 3A3A84
- 303070
- 26265D
- 1D1D4A
- 141438
- 0C0C27
- 050517
- 020208
- 000001
Tons
- 494B97
- 4E5295
- 545893
- 5A5E91
- 60648F
- 666A8C
- 6C708A
- 737587
- 797B83
Harmonias de cor
Complementar +180°
- 444499
Galaxy Express
- 5E5100
≈ Olive Brown
Análoga -30° +30°
- 444499
Galaxy Express
- 005390
≈ Ocean
- 673788
≈ Violet Magician
Tríade +120° +240°
- 444499
Galaxy Express
- 8B2D04
≈ Red Tone Ink
- 00613D
≈ Spruce
Complementar dividida +150° +210°
- 444499
Galaxy Express
- 724600
≈ Flat Brown
- 3C5C00
≈ Lustrian Undergrowth
Tétrade +90° +180° +270°
- 444499
Galaxy Express
- 8B2741
≈ Thrill Ride
- 5E5100
≈ Olive Brown
- 005E5A
≈ Tidal Pool
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 8.29:1 · APCA Lc 88
Ag
FailSobre preto
WCAG 2.53:1 · APCA Lc 14
Melhor cor de texto: #FFFFFF
WCAG 8.29:1 (AAA) · APCA Lc 88
Contrast pairs
Trechos de código
CSS
:root {
--galaxy-express: #444499;
--galaxy-express-rgb: 68 68 153;
--galaxy-express-oklch: oklch(0.435 0.135 279.2);
}
.element {
color: var(--galaxy-express);
background-color: hsl(240 38% 43%);
border-color: oklch(0.435 0.135 279.2);
}Tailwind CSS v4
@theme {
--color-galaxy-express: #444499;
--color-galaxy-express-50: #eef1ff;
--color-galaxy-express-100: #dfe3ff;
--color-galaxy-express-200: #c9ceff;
--color-galaxy-express-300: #abaffb;
--color-galaxy-express-400: #8e95ed;
--color-galaxy-express-500: #7579dd;
--color-galaxy-express-600: #6367bb;
--color-galaxy-express-700: #4f5296;
--color-galaxy-express-800: #373c70;
--color-galaxy-express-900: #262a4f;
--color-galaxy-express-950: #141735;
}SCSS
$galaxy-express: #444499;
$galaxy-express-rgb: 68, 68, 153;
$galaxy-express-light: mix(#fff, $galaxy-express, 20%);
$galaxy-express-dark: mix(#000, $galaxy-express, 20%);
.element {
color: $galaxy-express;
box-shadow: 0 0 0 2px rgba($galaxy-express, 0.35);
}