Color con nombre más cercano · #487093
#487093
Color con nombre más cercano: Windsurfing
#487093 (rgb(72 112 147), hsl(208 34% 43%), oklch(0.53 0.071 246.1)) se parece más al color con nombre Windsurfing. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#487093
oklch(0.53 0.071 246.1)
Conversiones de color
- HEX
- #487093
- RGB
- rgb(72 112 147)
- HSL
- hsl(208 34% 43%)
- HWB
- hwb(208 28% 42%)
- OKLCH
- oklch(0.53 0.071 246.1)
- OKLab
- oklab(0.53 -0.029 -0.065)
- CIE Lab
- lab(45.4 -6.68 -23.84)
- LCH
- lch(45.4 24.76 254.3)
- CMYK
- cmyk(51% 24% 0% 42%)
Tintes · Sombras · Tonos
Tintes
- 5A7E9E
- 6B8BA8
- 7D99B3
- 8FA7BE
- A1B6C9
- B3C4D3
- C6D2DE
- D9E1E9
- ECF0F4
Sombras
- 3D607F
- 33516C
- 294359
- 1F3547
- 162736
- 0D1A25
- 060E16
- 020408
- 000101
Tonos
- 4E7291
- 547490
- 5A758E
- 60778C
- 65788A
- 6B7A88
- 707C86
- 757D84
- 7B7F82
Armonías de color
Complementario +180°
- 487093
Windsurfing
- 88633E
≈ Cambridge Leather
Análogo -30° +30°
- 487093
Windsurfing
- 347686
≈ Clear Viridian
- 606895
≈ Dark Horizon
Triádico +120° +240°
- 487093
Windsurfing
- 8F5A65
≈ Cabernet
- 617445
≈ Jolly Green
Complementario dividido +150° +210°
- 487093
Windsurfing
- 905D4F
≈ Sequoia Grove
- 786C39
≈ Garden Weed
Tetrádico +90° +180° +270°
- 487093
Windsurfing
- 865C7C
≈ Dusky Purple
- 88633E
≈ Cambridge Leather
- 48785A
≈ Como
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.23:1 · APCA Lc 76
Ag
FailSobre negro
WCAG 4.01:1 · APCA Lc 26
Mejor color de texto: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Fragmentos de código
CSS
:root {
--windsurfing: #487093;
--windsurfing-rgb: 72 112 147;
--windsurfing-oklch: oklch(0.53 0.071 246.1);
}
.element {
color: var(--windsurfing);
background-color: hsl(208 34% 43%);
border-color: oklch(0.53 0.071 246.1);
}Tailwind CSS v4
@theme {
--color-windsurfing: #487093;
--color-windsurfing-50: #e6f8ff;
--color-windsurfing-100: #d6ebff;
--color-windsurfing-200: #bdd8f2;
--color-windsurfing-300: #9bbbdb;
--color-windsurfing-400: #7ca3c7;
--color-windsurfing-500: #5e8bb3;
--color-windsurfing-600: #507697;
--color-windsurfing-700: #3f5e79;
--color-windsurfing-800: #2c4559;
--color-windsurfing-900: #1e303f;
--color-windsurfing-950: #0e1c28;
}SCSS
$windsurfing: #487093;
$windsurfing-rgb: 72, 112, 147;
$windsurfing-light: mix(#fff, $windsurfing, 20%);
$windsurfing-dark: mix(#000, $windsurfing, 20%);
.element {
color: $windsurfing;
box-shadow: 0 0 0 2px rgba($windsurfing, 0.35);
}