En yakın adlandırılmış renk · #4179B9
#4179B9
En yakın adlandırılmış renk: Mykonos
#4179B9 (rgb(65 121 185), hsl(212 48% 49%), oklch(0.568 0.116 253.2)) en çok Mykonos adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#4179B9
oklch(0.568 0.116 253.2)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5486C1
- 6794C8
- 7AA1CF
- 8CAED7
- 9FBBDE
- B2C9E5
- C5D6EB
- D8E4F2
- EBF1F9
Koyu tonlar
- 3768A0
- 2E5889
- 254871
- 1C395B
- 132B46
- 0B1D31
- 05101E
- 01050D
- 000102
Gri tonlar
- 497AB4
- 507BAE
- 567CA9
- 5D7DA3
- 637E9E
- 697E98
- 6F7F92
- 757F8C
- 7A8086
Renk uyumları
Tamamlayıcı +180°
- 4179B9
Mykonos
- 9F6A10
≈ Cinnamon Brown
Analog -30° +30°
- 4179B9
Mykonos
- 0083A4
≈ Tibetan Turquoise
- 6E6CB8
≈ Mediaeval
Üçlü +120° +240°
- 4179B9
Mykonos
- B05763
≈ Alsike Clover Red
- 5B8539
≈ Shepherd’s Green
Bölünmüş tamamlayıcı +150° +210°
- 4179B9
Mykonos
- AE5D3B
≈ Fragrant Cloves
- 83790D
≈ Soft Fig
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.50:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.66:1 · APCA Lc 31
En iyi metin rengi: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Kod parçacıkları
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);
}