Adlandırılmış renk · #2E5090
Nightly Activities
Nightly Activities, #2E5090: rgb(46 80 144), hsl(219 52% 37%), oklch(0.44 0.113 261.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Nightly Activities color name →
#2E5090
oklch(0.44 0.113 261.8)
Renk dönüşümleri
- HEX
- #2e5090
- RGB
- rgb(46 80 144)
- HSL
- hsl(219 52% 37%)
- HWB
- hwb(219 18% 44%)
- OKLCH
- oklch(0.44 0.113 261.8)
- OKLab
- oklab(0.44 -0.016 -0.112)
- CIE Lab
- lab(34.09 4.62 -39.85)
- LCH
- lch(34.09 40.12 276.6)
- CMYK
- cmyk(68% 44% 0% 44%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 41619C
- 5572A7
- 6883B2
- 7D94BE
- 91A5C9
- A6B7D4
- BCC9DF
- D2DBEA
- E8EDF4
Koyu tonlar
- 27447D
- 1F396A
- 182E57
- 122445
- 0B1A34
- 061024
- 020715
- 010207
- 000001
Gri tonlar
- 36558F
- 3F5B8E
- 47608D
- 4F648B
- 57698A
- 5F6E88
- 677386
- 707784
- 787C82
Renk uyumları
Tamamlayıcı +180°
- 2E5090
Nightly Activities
- 6B4C00
≈ Antique Bronze
Analog -30° +30°
- 2E5090
Nightly Activities
- 005A7B
≈ Job’s Tears
- 55448B
≈ Harvest Night
Üçlü +120° +240°
- 2E5090
Nightly Activities
- 863435
≈ Tall Poppy
- 286122
≈ Bright Nori
Bölünmüş tamamlayıcı +150° +210°
- 2E5090
Nightly Activities
- 813C01
≈ Hazelnut Chocolate
- 545700
≈ Douro
Dörtlü +90° +180° +270°
- 2E5090
Nightly Activities
- 7F3459
≈ Alfonso Olive
- 6B4C00
≈ Antique Bronze
- 00614D
≈ Sci-Fi Takeout
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.87:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.66:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 7.87:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--nightly-activities: #2e5090;
--nightly-activities-rgb: 46 80 144;
--nightly-activities-oklch: oklch(0.44 0.113 261.8);
}
.element {
color: var(--nightly-activities);
background-color: hsl(219 52% 37%);
border-color: oklch(0.44 0.113 261.8);
}Tailwind CSS v4
@theme {
--color-nightly-activities: #2e5090;
--color-nightly-activities-50: #e5f6ff;
--color-nightly-activities-100: #d5e8ff;
--color-nightly-activities-200: #bcd5ff;
--color-nightly-activities-300: #9ab7f2;
--color-nightly-activities-400: #799ee1;
--color-nightly-activities-500: #5c85d1;
--color-nightly-activities-600: #4e71b0;
--color-nightly-activities-700: #3e5a8d;
--color-nightly-activities-800: #2a4269;
--color-nightly-activities-900: #1c2e4a;
--color-nightly-activities-950: #0d1a31;
}SCSS
$nightly-activities: #2e5090;
$nightly-activities-rgb: 46, 80, 144;
$nightly-activities-light: mix(#fff, $nightly-activities, 20%);
$nightly-activities-dark: mix(#000, $nightly-activities, 20%);
.element {
color: $nightly-activities;
box-shadow: 0 0 0 2px rgba($nightly-activities, 0.35);
}