Cor nomeada mais próxima · #0066A5
#0066A5
Cor nomeada mais próxima: Wing Commander
#0066A5 (rgb(0 102 165), hsl(203 100% 32%), oklch(0.495 0.127 246.1)) é mais próxima da cor nomeada Wing Commander. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#0066A5
oklch(0.495 0.127 246.1)
Conversões de cor
- HEX
- #0066a5
- RGB
- rgb(0 102 165)
- HSL
- hsl(203 100% 32%)
- HWB
- hwb(203 0% 35%)
- OKLCH
- oklch(0.495 0.127 246.1)
- OKLab
- oklab(0.495 -0.052 -0.117)
- CIE Lab
- lab(40.91 -6.52 -41.65)
- LCH
- lch(40.91 42.16 261.1)
- CMYK
- cmyk(100% 38% 0% 35%)
Tons claros · Sombras · Tons
Tons claros
- 2C75AF
- 4784B8
- 5F93C1
- 76A3CB
- 8CB2D4
- A3C1DD
- BAD0E5
- D1E0EE
- E8EFF7
Sombras
- 00588F
- 004A79
- 003C65
- 002F51
- 00233D
- 00172B
- 000C1A
- 00040A
- 000001
Tons
- 1E69A2
- 2E6C9F
- 3B6F9B
- 477298
- 517594
- 5B7790
- 657A8D
- 6E7C89
- 777E84
Harmonias de cor
Complementar +180°
- 0066A5
Wing Commander
- 8B5300
≈ Spear Shaft
Análoga -30° +30°
- 0066A5
Wing Commander
- 006E82
≈ Crystal Teal
- 5058A9
≈ Brandywine Raspberry
Tríade +120° +240°
- 0066A5
Wing Commander
- 9B3D56
≈ Algae Red
- 506E00
≈ Over the Hills
Complementar dividida +150° +210°
- 0066A5
Wing Commander
- 9C4229
≈ Rock Spray
- 736100
≈ Spicy Mustard
Tétrade +90° +180° +270°
- 0066A5
Wing Commander
- 8D417D
≈ Purple Peril
- 8B5300
≈ Spear Shaft
- 007544
≈ Succulents
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.09:1 · APCA Lc 80
Ag
FailSobre preto
WCAG 3.44:1 · APCA Lc 22
Melhor cor de texto: #FFFFFF
WCAG 6.09:1 (AA) · APCA Lc 80
Contrast pairs
Trechos de código
CSS
:root {
--wing-commander: #0066a5;
--wing-commander-rgb: 0 102 165;
--wing-commander-oklch: oklch(0.495 0.127 246.1);
}
.element {
color: var(--wing-commander);
background-color: hsl(203 100% 32%);
border-color: oklch(0.495 0.127 246.1);
}Tailwind CSS v4
@theme {
--color-wing-commander: #0066a5;
--color-wing-commander-50: #d9f9ff;
--color-wing-commander-100: #c7edff;
--color-wing-commander-200: #a9daff;
--color-wing-commander-300: #82bdf6;
--color-wing-commander-400: #59a5e5;
--color-wing-commander-500: #2c8cd5;
--color-wing-commander-600: #2777b3;
--color-wing-commander-700: #1f5f90;
--color-wing-commander-800: #11466b;
--color-wing-commander-900: #0b314b;
--color-wing-commander-950: #001c32;
}SCSS
$wing-commander: #0066a5;
$wing-commander-rgb: 0, 102, 165;
$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);
}