Color con nombre más cercano · #2B669D
#2B669D
Color con nombre más cercano: Wing Commander
#2B669D (rgb(43 102 157), hsl(209 57% 39%), oklch(0.498 0.107 249.5)) se parece más al color con nombre Wing Commander. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#2B669D
oklch(0.498 0.107 249.5)
Conversiones de color
- HEX
- #2b669d
- RGB
- rgb(43 102 157)
- HSL
- hsl(209 57% 39%)
- HWB
- hwb(209 17% 38%)
- OKLCH
- oklch(0.498 0.107 249.5)
- OKLab
- oklab(0.498 -0.038 -0.1)
- CIE Lab
- lab(41.38 -4.89 -36.1)
- LCH
- lch(41.38 36.43 262.3)
- CMYK
- cmyk(73% 35% 0% 38%)
Tintes · Sombras · Tonos
Tintes
- 4175A7
- 5684B1
- 6B93BB
- 80A2C5
- 94B1CF
- A9C0D9
- BED0E2
- D4DFEC
- E9EFF6
Sombras
- 245888
- 1D4A73
- 163C5F
- 102F4C
- 0A233A
- 051728
- 020C18
- 010409
- 000001
Tonos
- 36699B
- 3F6C98
- 486F95
- 517293
- 597490
- 61778D
- 69798A
- 717C87
- 787E83
Armonías de color
Complementario +180°
- 2B669D
Wing Commander
- 895603
≈ Spear Shaft
Análogo -30° +30°
- 2B669D
Wing Commander
- 006E86
≈ Amalfi
- 575B9E
≈ Purple Frenzy
Triádico +120° +240°
- 2B669D
Wing Commander
- 954655
≈ Haitian Flower
- 4F6E25
≈ Loren Forest
Complementario dividido +150° +210°
- 2B669D
Wing Commander
- 954B31
≈ Arabian Spice
- 716300
≈ Spicy Mustard
Tetrádico +90° +180° +270°
- 2B669D
Wing Commander
- 8A4876
≈ Thistle Mauve
- 895603
≈ Spear Shaft
- 13754C
≈ Gnarls Green
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.01:1 · APCA Lc 80
Ag
FailSobre negro
WCAG 3.49:1 · APCA Lc 22
Mejor color de texto: #FFFFFF
WCAG 6.01:1 (AA) · APCA Lc 80
Contrast pairs
Fragmentos de código
CSS
:root {
--wing-commander: #2b669d;
--wing-commander-rgb: 43 102 157;
--wing-commander-oklch: oklch(0.498 0.107 249.5);
}
.element {
color: var(--wing-commander);
background-color: hsl(209 57% 39%);
border-color: oklch(0.498 0.107 249.5);
}Tailwind CSS v4
@theme {
--color-wing-commander: #2b669d;
--color-wing-commander-50: #dff8ff;
--color-wing-commander-100: #ceebff;
--color-wing-commander-200: #b3d8ff;
--color-wing-commander-300: #8fbced;
--color-wing-commander-400: #6ba3db;
--color-wing-commander-500: #498aca;
--color-wing-commander-600: #3e75aa;
--color-wing-commander-700: #325e89;
--color-wing-commander-800: #214565;
--color-wing-commander-900: #163047;
--color-wing-commander-950: #071c2f;
}SCSS
$wing-commander: #2b669d;
$wing-commander-rgb: 43, 102, 157;
$wing-commander-light: mix(#fff, $wing-commander, 20%);
$wing-commander-dark: mix(#000, $wing-commander, 20%);
.element {
color: $wing-commander;
box-shadow: 0 0 0 2px rgba($wing-commander, 0.35);
}