En yakın adlandırılmış renk · #7D82C9
#7D82C9
En yakın adlandırılmış renk: Orbital
#7D82C9 (rgb(125 130 201), hsl(236 41% 64%), oklch(0.632 0.106 279.8)) en çok Orbital 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.
#7D82C9
oklch(0.632 0.106 279.8)
Renk dönüşümleri
- HEX
- #7d82c9
- RGB
- rgb(125 130 201)
- HSL
- hsl(236 41% 64%)
- HWB
- hwb(236 49% 21%)
- OKLCH
- oklch(0.632 0.106 279.8)
- OKLab
- oklab(0.632 0.018 -0.105)
- CIE Lab
- lab(56.19 11.41 -37.91)
- LCH
- lch(56.19 39.59 286.7)
- CMYK
- cmyk(38% 35% 0% 21%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 898ECF
- 959BD5
- A2A7DA
- AEB3E0
- BBC0E5
- C8CCEB
- D6D9F0
- E3E5F5
- F1F2FA
Koyu tonlar
- 6C70AE
- 5B5F95
- 4B4E7C
- 3B3E64
- 2C2F4C
- 1E2036
- 111222
- 05060F
- 010102
Gri tonlar
- 7D82C2
- 7D82BB
- 7E82B3
- 7E82AC
- 7E82A5
- 7E829E
- 7F8196
- 7F818F
- 808188
Renk uyumları
Tamamlayıcı +180°
- 7D82C9
Orbital
- 998B36
≈ Parsnip Root
Analog -30° +30°
- 7D82C9
Orbital
- 548EC8
≈ Azure Blue
- 9D77BA
≈ Purple Pride
Üçlü +120° +240°
- 7D82C9
Orbital
- C07257
≈ Firenze
- 479D73
≈ Natural Orchestra
Bölünmüş tamamlayıcı +150° +210°
- 7D82C9
Orbital
- B37D3A
≈ Mandalay
- 74964F
≈ Drab Green
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.55:1 · APCA Lc 63
Ag
AASiyah üzerinde
WCAG 5.90:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 5.90:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
CSS
:root {
--orbital: #7d82c9;
--orbital-rgb: 125 130 201;
--orbital-oklch: oklch(0.632 0.106 279.8);
}
.element {
color: var(--orbital);
background-color: hsl(236 41% 64%);
border-color: oklch(0.632 0.106 279.8);
}Tailwind CSS v4
@theme {
--color-orbital: #7d82c9;
--color-orbital-50: #eff2ff;
--color-orbital-100: #e1e4ff;
--color-orbital-200: #ccd0ff;
--color-orbital-300: #aeb1ed;
--color-orbital-400: #9297dc;
--color-orbital-500: #797dcb;
--color-orbital-600: #666aab;
--color-orbital-700: #51558a;
--color-orbital-800: #3a3e67;
--color-orbital-900: #282b48;
--color-orbital-950: #16182f;
}SCSS
$orbital: #7d82c9;
$orbital-rgb: 125, 130, 201;
$orbital-light: mix(#fff, $orbital, 20%);
$orbital-dark: mix(#000, $orbital, 20%);
.element {
color: $orbital;
box-shadow: 0 0 0 2px rgba($orbital, 0.35);
}