Color con nombre más cercano · #376C94
#376C94
Color con nombre más cercano: Windsurfing
#376C94 (rgb(55 108 148), hsl(206 46% 40%), oklch(0.513 0.085 243.4)) 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.
#376C94
oklch(0.513 0.085 243.4)
Conversiones de color
- HEX
- #376c94
- RGB
- rgb(55 108 148)
- HSL
- hsl(206 46% 40%)
- HWB
- hwb(206 22% 42%)
- OKLCH
- oklch(0.513 0.085 243.4)
- OKLab
- oklab(0.513 -0.038 -0.076)
- CIE Lab
- lab(43.35 -8.45 -27.66)
- LCH
- lch(43.35 28.92 253)
- CMYK
- cmyk(63% 27% 0% 42%)
Tintes · Sombras · Tonos
Tintes
- 4B7A9F
- 5F88A9
- 7297B4
- 86A5BF
- 99B4C9
- ADC2D4
- C1D1DF
- D6E0EA
- EAF0F4
Sombras
- 2E5D80
- 264E6D
- 1E405A
- 163248
- 0F2536
- 081926
- 030D16
- 010408
- 000001
Tonos
- 406E92
- 487091
- 50738F
- 57758D
- 5E778B
- 657989
- 6C7B87
- 737C85
- 797E82
Armonías de color
Complementario +180°
- 376C94
Windsurfing
- 895B2E
≈ Treacle
Análogo -30° +30°
- 376C94
Windsurfing
- 137384
≈ Glamour Green
- 576398
≈ Breathtaking
Triádico +120° +240°
- 376C94
Windsurfing
- 8F5162
≈ Velour Scar
- 5D6F35
≈ Venom Wyrm
Complementario dividido +150° +210°
- 376C94
Windsurfing
- 915446
≈ Prairie Clay
- 776626
≈ Brazen Brass
Tetrádico +90° +180° +270°
- 376C94
Windsurfing
- 84547C
≈ Purple Davenport
- 895B2E
≈ Treacle
- 3C754F
≈ Grasslands
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.62:1 · APCA Lc 78
Ag
FailSobre negro
WCAG 3.73:1 · APCA Lc 24
Mejor color de texto: #FFFFFF
WCAG 5.62:1 (AA) · APCA Lc 78
Contrast pairs
Fragmentos de código
CSS
:root {
--windsurfing: #376c94;
--windsurfing-rgb: 55 108 148;
--windsurfing-oklch: oklch(0.513 0.085 243.4);
}
.element {
color: var(--windsurfing);
background-color: hsl(206 46% 40%);
border-color: oklch(0.513 0.085 243.4);
}Tailwind CSS v4
@theme {
--color-windsurfing: #376c94;
--color-windsurfing-50: #e2f8ff;
--color-windsurfing-100: #d1ecff;
--color-windsurfing-200: #b7d9f7;
--color-windsurfing-300: #93bde1;
--color-windsurfing-400: #71a5cd;
--color-windsurfing-500: #518cba;
--color-windsurfing-600: #45779d;
--color-windsurfing-700: #375f7e;
--color-windsurfing-800: #25465d;
--color-windsurfing-900: #193041;
--color-windsurfing-950: #091d2a;
}SCSS
$windsurfing: #376c94;
$windsurfing-rgb: 55, 108, 148;
$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);
}