Nächste benannte Farbe · #2478CC
#2478CC
Nächste benannte Farbe: Mykonos
#2478CC (rgb(36 120 204), hsl(210 70% 47%), oklch(0.567 0.151 252.5)) liegt am nächsten an der benannten Farbe Mykonos. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#2478CC
oklch(0.567 0.151 252.5)
Farbumrechnungen
- HEX
- #2478cc
- RGB
- rgb(36 120 204)
- HSL
- hsl(210 70% 47%)
- HWB
- hwb(210 14% 20%)
- OKLCH
- oklch(0.567 0.151 252.5)
- OKLab
- oklab(0.567 -0.046 -0.144)
- CIE Lab
- lab(48.91 -1.38 -51.46)
- LCH
- lch(48.91 51.48 268.5)
- CMYK
- cmyk(82% 41% 0% 20%)
Tints · Shades · Tones
Tints
- 3F86D2
- 5694D8
- 6CA1DE
- 81AFE3
- 96BCE8
- ABC9ED
- C0D7F2
- D5E4F7
- EAF2FB
Shades
- 1E67B1
- 185797
- 12487E
- 0C3965
- 072A4E
- 041D37
- 021022
- 00050F
- 000102
Tones
- 337AC5
- 3E7BBE
- 487CB6
- 527DAF
- 5A7EA7
- 627FA0
- 6A7F98
- 728090
- 798088
Farbharmonien
Komplementär +180°
- 2478CC
Mykonos
- A16900
≈ Komodo
Analog -30° +30°
- 2478CC
Mykonos
- 0083A3
≈ Ahoy! Blue
- 6B67CC
≈ C64 Purple
Triadisch +120° +240°
- 2478CC
Mykonos
- BE495E
≈ Popstar
- 528813
≈ Pesto Alla Genovese
Geteilt komplementär +150° +210°
- 2478CC
Mykonos
- BD511F
≈ Roland-Garros
- 847800
≈ Soft Fig
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.53:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.63:1 · APCA Lc 31
Beste Textfarbe: #000000
WCAG 4.63:1 (AA) · APCA Lc 31
Contrast pairs
Code-Snippets
CSS
:root {
--mykonos: #2478cc;
--mykonos-rgb: 36 120 204;
--mykonos-oklch: oklch(0.567 0.151 252.5);
}
.element {
color: var(--mykonos);
background-color: hsl(210 70% 47%);
border-color: oklch(0.567 0.151 252.5);
}Tailwind CSS v4
@theme {
--color-mykonos: #2478cc;
--color-mykonos-50: #d8f8ff;
--color-mykonos-100: #c6ebff;
--color-mykonos-200: #a8d8ff;
--color-mykonos-300: #80bbff;
--color-mykonos-400: #56a2f5;
--color-mykonos-500: #2988e6;
--color-mykonos-600: #2573c2;
--color-mykonos-700: #1e5c9c;
--color-mykonos-800: #0e4474;
--color-mykonos-900: #092f52;
--color-mykonos-950: #001b37;
}SCSS
$mykonos: #2478cc;
$mykonos-rgb: 36, 120, 204;
$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);
}