Benannte Farbe · #284C75
Mykonos Reflection
Mykonos Reflection ist #284C75: rgb(40 76 117), hsl(212 49% 31%), oklch(0.41 0.081 253). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Mykonos Reflection color name →
#284C75
oklch(0.41 0.081 253)
Farbumrechnungen
- HEX
- #284c75
- RGB
- rgb(40 76 117)
- HSL
- hsl(212 49% 31%)
- HWB
- hwb(212 16% 54%)
- OKLCH
- oklch(0.41 0.081 253)
- OKLab
- oklab(0.41 -0.024 -0.077)
- CIE Lab
- lab(31.19 -2.51 -27.85)
- LCH
- lch(31.19 27.96 264.9)
- CMYK
- cmyk(66% 35% 0% 54%)
Tints · Shades · Tones
Tints
- 3C5D83
- 506E90
- 657F9E
- 7990AB
- 8FA2B9
- A4B4C7
- BAC6D5
- D1D9E3
- E8ECF1
Shades
- 214165
- 1B3655
- 152C46
- 0F2237
- 091829
- 040F1C
- 02060F
- 010205
- 000001
Tones
- 315177
- 3A5778
- 435C79
- 4C617B
- 54667C
- 5D6C7D
- 66717E
- 6F767F
- 777B7F
Farbharmonien
Komplementär +180°
- 284C75
Mykonos Reflection
- 65420C
≈ Very Coffee
Analog -30° +30°
- 284C75
Mykonos Reflection
- 005368
≈ Plunge
- 454475
≈ Deep Wisteria
Triadisch +120° +240°
- 284C75
Mykonos Reflection
- 6F363E
≈ Catawba
- 395423
≈ Verdun Green
Geteilt komplementär +150° +210°
- 284C75
Mykonos Reflection
- 6E3A24
≈ New Amber
- 534C0A
≈ Scorzonera Brown
Tetradisch +90° +180° +270°
- 284C75
Mykonos Reflection
- 683756
≈ Halayà Úbe
- 65420C
≈ Very Coffee
- 11583E
≈ Billiard Table
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.82:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.38:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 8.82:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--mykonos-reflection: #284c75;
--mykonos-reflection-rgb: 40 76 117;
--mykonos-reflection-oklch: oklch(0.41 0.081 253);
}
.element {
color: var(--mykonos-reflection);
background-color: hsl(212 49% 31%);
border-color: oklch(0.41 0.081 253);
}Tailwind CSS v4
@theme {
--color-mykonos-reflection: #284c75;
--color-mykonos-reflection-50: #e6f7ff;
--color-mykonos-reflection-100: #d6eaff;
--color-mykonos-reflection-200: #bed7f7;
--color-mykonos-reflection-300: #9cbae1;
--color-mykonos-reflection-400: #7ca2ce;
--color-mykonos-reflection-500: #5f89bb;
--color-mykonos-reflection-600: #51749e;
--color-mykonos-reflection-700: #405d7e;
--color-mykonos-reflection-800: #2d445e;
--color-mykonos-reflection-900: #1e2f42;
--color-mykonos-reflection-950: #0e1c2a;
}SCSS
$mykonos-reflection: #284c75;
$mykonos-reflection-rgb: 40, 76, 117;
$mykonos-reflection-light: mix(#fff, $mykonos-reflection, 20%);
$mykonos-reflection-dark: mix(#000, $mykonos-reflection, 20%);
.element {
color: $mykonos-reflection;
box-shadow: 0 0 0 2px rgba($mykonos-reflection, 0.35);
}