Cor nomeada mais próxima · #4179B9
#4179B9
Cor nomeada mais próxima: Mykonos
#4179B9 (rgb(65 121 185), hsl(212 48% 49%), oklch(0.568 0.116 253.2)) é mais próxima da cor nomeada Mykonos. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#4179B9
oklch(0.568 0.116 253.2)
Conversões de cor
- HEX
- #4179b9
- RGB
- rgb(65 121 185)
- HSL
- hsl(212 48% 49%)
- HWB
- hwb(212 25% 27%)
- OKLCH
- oklch(0.568 0.116 253.2)
- OKLab
- oklab(0.568 -0.033 -0.111)
- CIE Lab
- lab(49.28 -3.18 -39.94)
- LCH
- lch(49.28 40.07 265.4)
- CMYK
- cmyk(65% 35% 0% 27%)
Tons claros · Sombras · Tons
Tons claros
- 5486C1
- 6794C8
- 7AA1CF
- 8CAED7
- 9FBBDE
- B2C9E5
- C5D6EB
- D8E4F2
- EBF1F9
Sombras
- 3768A0
- 2E5889
- 254871
- 1C395B
- 132B46
- 0B1D31
- 05101E
- 01050D
- 000102
Tons
- 497AB4
- 507BAE
- 567CA9
- 5D7DA3
- 637E9E
- 697E98
- 6F7F92
- 757F8C
- 7A8086
Harmonias de cor
Complementar +180°
- 4179B9
Mykonos
- 9F6A10
≈ Cinnamon Brown
Análoga -30° +30°
- 4179B9
Mykonos
- 0083A4
≈ Tibetan Turquoise
- 6E6CB8
≈ Mediaeval
Tríade +120° +240°
- 4179B9
Mykonos
- B05763
≈ Alsike Clover Red
- 5B8539
≈ Shepherd’s Green
Complementar dividida +150° +210°
- 4179B9
Mykonos
- AE5D3B
≈ Fragrant Cloves
- 83790D
≈ Soft Fig
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.50:1 · APCA Lc 71
Ag
AASobre preto
WCAG 4.66:1 · APCA Lc 31
Melhor cor de texto: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Trechos de código
CSS
:root {
--mykonos: #4179b9;
--mykonos-rgb: 65 121 185;
--mykonos-oklch: oklch(0.568 0.116 253.2);
}
.element {
color: var(--mykonos);
background-color: hsl(212 48% 49%);
border-color: oklch(0.568 0.116 253.2);
}Tailwind CSS v4
@theme {
--color-mykonos: #4179b9;
--color-mykonos-50: #e0f8ff;
--color-mykonos-100: #cfeaff;
--color-mykonos-200: #b3d7ff;
--color-mykonos-300: #8fbaf2;
--color-mykonos-400: #6ca2e1;
--color-mykonos-500: #4a89d1;
--color-mykonos-600: #3f74b0;
--color-mykonos-700: #325d8d;
--color-mykonos-800: #214469;
--color-mykonos-900: #162f4a;
--color-mykonos-950: #071b31;
}SCSS
$mykonos: #4179b9;
$mykonos-rgb: 65, 121, 185;
$mykonos-light: mix(#fff, $mykonos, 20%);
$mykonos-dark: mix(#000, $mykonos, 20%);
.element {
color: $mykonos;
box-shadow: 0 0 0 2px rgba($mykonos, 0.35);
}