Cor nomeada mais próxima · #3890B3
#3890B3
Cor nomeada mais próxima: Swimmer
#3890B3 (rgb(56 144 179), hsl(197 52% 46%), oklch(0.616 0.098 228)) é mais próxima da cor nomeada Swimmer. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#3890B3
oklch(0.616 0.098 228)
Conversões de cor
- HEX
- #3890b3
- RGB
- rgb(56 144 179)
- HSL
- hsl(197 52% 46%)
- HWB
- hwb(197 22% 30%)
- OKLCH
- oklch(0.616 0.098 228)
- OKLab
- oklab(0.616 -0.065 -0.073)
- CIE Lab
- lab(55.69 -18.49 -26.6)
- LCH
- lch(55.69 32.4 235.2)
- CMYK
- cmyk(69% 20% 0% 30%)
Tons claros · Sombras · Tons
Tons claros
- 509BBB
- 65A6C2
- 79B1CA
- 8DBCD2
- A0C7D9
- B3D2E1
- C6DDE8
- D9E9F0
- ECF4F8
Sombras
- 2F7D9B
- 276A84
- 1F576E
- 174558
- 0F3443
- 08242F
- 04151D
- 01070C
- 000101
Tons
- 438FAE
- 4D8DA9
- 558CA4
- 5D8A9F
- 64899A
- 6A8795
- 708590
- 76848A
- 7B8285
Harmonias de cor
Complementar +180°
- 3890B3
Swimmer
- B5724F
≈ Outlawed Orange
Análoga -30° +30°
- 3890B3
Swimmer
- 20969A
≈ Ocean Reef
- 5F86BF
≈ Danube
Tríade +120° +240°
- 3890B3
Swimmer
- B06C8F
≈ Purple Starburst
- 8A893E
≈ Overgrown Citadel
Complementar dividida +150° +210°
- 3890B3
Swimmer
- B86C6E
≈ Exotic Incense
- A57D3A
≈ Organic Style
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.61:1 · APCA Lc 63
Ag
AASobre preto
WCAG 5.80:1 · APCA Lc 38
Melhor cor de texto: #000000
WCAG 5.80:1 (AA) · APCA Lc 38
Contrast pairs
Trechos de código
CSS
:root {
--swimmer: #3890b3;
--swimmer-rgb: 56 144 179;
--swimmer-oklch: oklch(0.616 0.098 228);
}
.element {
color: var(--swimmer);
background-color: hsl(197 52% 46%);
border-color: oklch(0.616 0.098 228);
}Tailwind CSS v4
@theme {
--color-swimmer: #3890b3;
--color-swimmer-50: #dafbff;
--color-swimmer-100: #c8efff;
--color-swimmer-200: #aaddf6;
--color-swimmer-300: #82c1e0;
--color-swimmer-400: #5aaacc;
--color-swimmer-500: #2b92b9;
--color-swimmer-600: #277c9c;
--color-swimmer-700: #1f637d;
--color-swimmer-800: #12495c;
--color-swimmer-900: #0c3340;
--color-swimmer-950: #001e29;
}SCSS
$swimmer: #3890b3;
$swimmer-rgb: 56, 144, 179;
$swimmer-light: mix(#fff, $swimmer, 20%);
$swimmer-dark: mix(#000, $swimmer, 20%);
.element {
color: $swimmer;
box-shadow: 0 0 0 2px rgba($swimmer, 0.35);
}