Color con nombre más cercano · #454F6D
#454F6D
Color con nombre más cercano: Intergalactic
#454F6D (rgb(69 79 109), hsl(225 22% 35%), oklch(0.432 0.052 269.9)) se parece más al color con nombre Intergalactic. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#454F6D
oklch(0.432 0.052 269.9)
Conversiones de color
- HEX
- #454f6d
- RGB
- rgb(69 79 109)
- HSL
- hsl(225 22% 35%)
- HWB
- hwb(225 27% 57%)
- OKLCH
- oklch(0.432 0.052 269.9)
- OKLab
- oklab(0.432 0 -0.052)
- CIE Lab
- lab(33.68 2.04 -18.82)
- LCH
- lch(33.68 18.93 276.2)
- CMYK
- cmyk(37% 28% 0% 57%)
Tintes · Sombras · Tonos
Tintes
- 565F7B
- 676F89
- 788097
- 8A91A5
- 9DA3B4
- B0B5C3
- C3C7D2
- D7D9E1
- EBECF0
Sombras
- 3B445E
- 31384F
- 272E41
- 1E2333
- 151926
- 0C1019
- 05070D
- 020204
- 000001
Tonos
- 4B546F
- 505971
- 565E73
- 5C6275
- 626777
- 686C79
- 6E717B
- 74767D
- 7A7B7E
Armonías de color
Complementario +180°
- 454F6D
Intergalactic
- 5B4F2E
≈ West Coast
Análogo -30° +30°
- 454F6D
Intergalactic
- 35546A
≈ America’s Cup
- 544A69
≈ Darlak
Triádico +120° +240°
- 454F6D
Intergalactic
- 6A463F
≈ Deep Cherrywood
- 3B5841
≈ O’Neal Green
Complementario dividido +150° +210°
- 454F6D
Intergalactic
- 654A33
≈ Black Power
- 4C5534
≈ Chive
Tetrádico +90° +180° +270°
- 454F6D
Intergalactic
- 68444F
≈ Wine Stain
- 5B4F2E
≈ West Coast
- 2D5A51
≈ Holly Leaf
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 8.10:1 · APCA Lc 88
Ag
FailSobre negro
WCAG 2.59:1 · APCA Lc 14
Mejor color de texto: #FFFFFF
WCAG 8.10:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmentos de código
CSS
:root {
--intergalactic: #454f6d;
--intergalactic-rgb: 69 79 109;
--intergalactic-oklch: oklch(0.432 0.052 269.9);
}
.element {
color: var(--intergalactic);
background-color: hsl(225 22% 35%);
border-color: oklch(0.432 0.052 269.9);
}Tailwind CSS v4
@theme {
--color-intergalactic: #454f6d;
--color-intergalactic-50: #f0f5ff;
--color-intergalactic-100: #e2e7fa;
--color-intergalactic-200: #ccd3eb;
--color-intergalactic-300: #aeb6d3;
--color-intergalactic-400: #929ebe;
--color-intergalactic-500: #7985a9;
--color-intergalactic-600: #66718f;
--color-intergalactic-700: #525a73;
--color-intergalactic-800: #3b4255;
--color-intergalactic-900: #282e3b;
--color-intergalactic-950: #161a25;
}SCSS
$intergalactic: #454f6d;
$intergalactic-rgb: 69, 79, 109;
$intergalactic-light: mix(#fff, $intergalactic, 20%);
$intergalactic-dark: mix(#000, $intergalactic, 20%);
.element {
color: $intergalactic;
box-shadow: 0 0 0 2px rgba($intergalactic, 0.35);
}