Color con nombre · #62A5DF
Windjammer
Windjammer es #62A5DF: rgb(98 165 223), hsl(208 66% 63%), oklch(0.701 0.11 246.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Windjammer color name →
#62A5DF
oklch(0.701 0.11 246.3)
Conversiones de color
- HEX
- #62a5df
- RGB
- rgb(98 165 223)
- HSL
- hsl(208 66% 63%)
- HWB
- hwb(208 38% 13%)
- OKLCH
- oklch(0.701 0.11 246.3)
- OKLab
- oklab(0.701 -0.044 -0.1)
- CIE Lab
- lab(65.09 -9.33 -36.49)
- LCH
- lch(65.09 37.66 255.7)
- CMYK
- cmyk(56% 26% 0% 13%)
Tintes · Sombras · Tonos
Tintes
- 73AEE3
- 83B7E6
- 92C0EA
- A2C9ED
- B1D2F0
- C1DBF4
- D0E4F7
- E0EDF9
- EFF6FC
Sombras
- 548FC2
- 4779A5
- 3A658A
- 2D516F
- 213D56
- 162B3D
- 0B1A27
- 030A12
- 000102
Tonos
- 66A2D5
- 6A9ECC
- 6E9AC2
- 7197B9
- 7493AF
- 778FA6
- 7A8C9C
- 7C8893
- 7E848A
Armonías de color
Complementario +180°
- 62A5DF
Windjammer
- CD9050
≈ Slightly Golden
Análogo -30° +30°
- 62A5DF
Windjammer
- 37AFCA
≈ River Blue
- 8D98E3
≈ Portage
Triádico +120° +240°
- 62A5DF
Windjammer
- D88194
≈ I Love You Pink
- 8DAB5D
≈ Chelsea Cucumber
Complementario dividido +150° +210°
- 62A5DF
Windjammer
- DA856E
≈ Indian Princess
- B39E48
≈ Queen Palm
Tetrádico +90° +180° +270°
- 62A5DF
Windjammer
- CA84B8
≈ Peruvian Lily
- CD9050
≈ Slightly Golden
- 60B382
≈ Jade Cream
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.63:1 · APCA Lc 51
Ag
AAASobre negro
WCAG 7.96:1 · APCA Lc 51
Mejor color de texto: #000000
WCAG 7.96:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmentos de código
CSS
:root {
--windjammer: #62a5df;
--windjammer-rgb: 98 165 223;
--windjammer-oklch: oklch(0.701 0.11 246.3);
}
.element {
color: var(--windjammer);
background-color: hsl(208 66% 63%);
border-color: oklch(0.701 0.11 246.3);
}Tailwind CSS v4
@theme {
--color-windjammer: #62a5df;
--color-windjammer-50: #ddf9ff;
--color-windjammer-100: #ccecff;
--color-windjammer-200: #b0d9ff;
--color-windjammer-300: #8bbded;
--color-windjammer-400: #65a4dc;
--color-windjammer-500: #408cca;
--color-windjammer-600: #3876ab;
--color-windjammer-700: #2c5f89;
--color-windjammer-800: #1c4665;
--color-windjammer-900: #123047;
--color-windjammer-950: #041c2f;
}SCSS
$windjammer: #62a5df;
$windjammer-rgb: 98, 165, 223;
$windjammer-light: mix(#fff, $windjammer, 20%);
$windjammer-dark: mix(#000, $windjammer, 20%);
.element {
color: $windjammer;
box-shadow: 0 0 0 2px rgba($windjammer, 0.35);
}