Adlandırılmış renk · #284C75
Mykonos Reflection
Mykonos Reflection, #284C75: rgb(40 76 117), hsl(212 49% 31%), oklch(0.41 0.081 253). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Mykonos Reflection color name →
#284C75
oklch(0.41 0.081 253)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3C5D83
- 506E90
- 657F9E
- 7990AB
- 8FA2B9
- A4B4C7
- BAC6D5
- D1D9E3
- E8ECF1
Koyu tonlar
- 214165
- 1B3655
- 152C46
- 0F2237
- 091829
- 040F1C
- 02060F
- 010205
- 000001
Gri tonlar
- 315177
- 3A5778
- 435C79
- 4C617B
- 54667C
- 5D6C7D
- 66717E
- 6F767F
- 777B7F
Renk uyumları
Tamamlayıcı +180°
- 284C75
Mykonos Reflection
- 65420C
≈ Very Coffee
Analog -30° +30°
- 284C75
Mykonos Reflection
- 005368
≈ Plunge
- 454475
≈ Deep Wisteria
Üçlü +120° +240°
- 284C75
Mykonos Reflection
- 6F363E
≈ Catawba
- 395423
≈ Verdun Green
Bölünmüş tamamlayıcı +150° +210°
- 284C75
Mykonos Reflection
- 6E3A24
≈ New Amber
- 534C0A
≈ Scorzonera Brown
Dörtlü +90° +180° +270°
- 284C75
Mykonos Reflection
- 683756
≈ Halayà Úbe
- 65420C
≈ Very Coffee
- 11583E
≈ Billiard Table
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.82:1 · APCA Lc 90
Ag
FailSiyah üzerinde
WCAG 2.38:1 · APCA Lc 12
En iyi metin rengi: #FFFFFF
WCAG 8.82:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
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);
}