Cor nomeada mais próxima · #47A1E9
#47A1E9
Cor nomeada mais próxima: Windjammer
#47A1E9 (rgb(71 161 233), hsl(207 79% 60%), oklch(0.686 0.137 245.9)) é mais próxima da cor nomeada Windjammer. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#47A1E9
oklch(0.686 0.137 245.9)
Conversões de cor
- HEX
- #47a1e9
- RGB
- rgb(71 161 233)
- HSL
- hsl(207 79% 60%)
- HWB
- hwb(207 28% 9%)
- OKLCH
- oklch(0.686 0.137 245.9)
- OKLab
- oklab(0.686 -0.056 -0.125)
- CIE Lab
- lab(63.25 -9.99 -44.92)
- LCH
- lch(63.25 46.02 257.5)
- CMYK
- cmyk(70% 31% 0% 9%)
Tons claros · Sombras · Tons
Tons claros
- 5DABEC
- 71B4EF
- 83BEF1
- 96C7F4
- A7D1F6
- B9DAF8
- CBE3FA
- DCEDFC
- EEF6FE
Sombras
- 3D8BCB
- 3276AD
- 286290
- 1F4E74
- 163C5A
- 0D2A41
- 061929
- 020913
- 000103
Tons
- 509EDE
- 589BD4
- 5F98C9
- 6595BF
- 6A92B5
- 6F8EAA
- 748BA0
- 788795
- 7C848B
Harmonias de cor
Complementar +180°
- 47A1E9
Windjammer
- D2872C
≈ Opulent
Análoga -30° +30°
- 47A1E9
Windjammer
- 00ACCA
≈ Gummy Dolphins
- 8491EE
≈ Perrywinkle
Tríade +120° +240°
- 47A1E9
Windjammer
- DF738D
≈ Raspberry Mousse
- 85A942
≈ Beautiful Mint
Complementar dividida +150° +210°
- 47A1E9
Windjammer
- E1795D
≈ Annular
- B49915
≈ Kalliene Yellow
Tétrade +90° +180° +270°
- 47A1E9
Windjammer
- CE77BA
≈ Peruvian Lily
- D2872C
≈ Opulent
- 43B376
≈ Medium Sea Green
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.78:1 · APCA Lc 53
Ag
AAASobre preto
WCAG 7.54:1 · APCA Lc 49
Melhor cor de texto: #000000
WCAG 7.54:1 (AAA) · APCA Lc 49
Contrast pairs
Trechos de código
CSS
:root {
--windjammer: #47a1e9;
--windjammer-rgb: 71 161 233;
--windjammer-oklch: oklch(0.686 0.137 245.9);
}
.element {
color: var(--windjammer);
background-color: hsl(207 79% 60%);
border-color: oklch(0.686 0.137 245.9);
}Tailwind CSS v4
@theme {
--color-windjammer: #47a1e9;
--color-windjammer-50: #d7faff;
--color-windjammer-100: #c5edff;
--color-windjammer-200: #a6daff;
--color-windjammer-300: #7dbdfa;
--color-windjammer-400: #52a5ea;
--color-windjammer-500: #1b8cda;
--color-windjammer-600: #1c77b8;
--color-windjammer-700: #165f94;
--color-windjammer-800: #08466e;
--color-windjammer-900: #06314d;
--color-windjammer-950: #001c33;
}SCSS
$windjammer: #47a1e9;
$windjammer-rgb: 71, 161, 233;
$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);
}