En yakın adlandırılmış renk · #0077DB
#0077DB
En yakın adlandırılmış renk: Fading Night
#0077DB (rgb(0 119 219), hsl(207 100% 43%), oklch(0.57 0.176 253.1)) en çok Fading Night 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.
#0077DB
oklch(0.57 0.176 253.1)
Renk dönüşümleri
- HEX
- #0077db
- RGB
- rgb(0 119 219)
- HSL
- hsl(207 100% 43%)
- HWB
- hwb(207 0% 14%)
- OKLCH
- oklch(0.57 0.176 253.1)
- OKLab
- oklab(0.57 -0.051 -0.169)
- CIE Lab
- lab(48.91 1.9 -59.98)
- LCH
- lch(48.91 60.01 271.8)
- CMYK
- cmyk(100% 46% 0% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3186E0
- 4C94E4
- 64A2E9
- 7BAFED
- 91BDF1
- A7CAF4
- BDD7F7
- D3E5FA
- E9F2FD
Koyu tonlar
- 0067BE
- 0057A2
- 004787
- 00386D
- 002A54
- 001C3C
- 001026
- 000511
- 000102
Gri tonlar
- 2179D2
- 327BCA
- 407CC1
- 4B7EB8
- 557FAF
- 5F7FA6
- 67809D
- 708093
- 78808A
Renk uyumları
Tamamlayıcı +180°
- 0077DB
Fading Night
- A26A00
≈ Komodo
Analog -30° +30°
- 0077DB
Fading Night
- 0084A5
≈ Tibetan Turquoise
- 6D63DA
≈ Exodus Fruit
Üçlü +120° +240°
- 0077DB
Fading Night
- C93D59
≈ Nakabeni Pink
- 4E8A00
≈ Pesto Alla Genovese
Bölünmüş tamamlayıcı +150° +210°
- 0077DB
Fading Night
- C44C00
≈ Crustose Lichen
- 857A00
≈ Soft Fig
Dörtlü +90° +180° +270°
- 0077DB
Fading Night
- BA4292
≈ Boat Orchid
- A26A00
≈ Komodo
- 008D62
≈ Chagall Green
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.50:1 · APCA Lc 70
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 {
--fading-night: #0077db;
--fading-night-rgb: 0 119 219;
--fading-night-oklch: oklch(0.57 0.176 253.1);
}
.element {
color: var(--fading-night);
background-color: hsl(207 100% 43%);
border-color: oklch(0.57 0.176 253.1);
}Tailwind CSS v4
@theme {
--color-fading-night: #0077db;
--color-fading-night-50: #d4f8ff;
--color-fading-night-100: #c1ebff;
--color-fading-night-200: #a1d8ff;
--color-fading-night-300: #77baff;
--color-fading-night-400: #47a1ff;
--color-fading-night-500: #0086f6;
--color-fading-night-600: #0671cf;
--color-fading-night-700: #085ba7;
--color-fading-night-800: #00437c;
--color-fading-night-900: #002e58;
--color-fading-night-950: #001a3c;
}SCSS
$fading-night: #0077db;
$fading-night-rgb: 0, 119, 219;
$fading-night-light: mix(#fff, $fading-night, 20%);
$fading-night-dark: mix(#000, $fading-night, 20%);
.element {
color: $fading-night;
box-shadow: 0 0 0 2px rgba($fading-night, 0.35);
}