The site’s navy and blue stay exactly as they are on talibkhan.com. One colour changes: the light on dark surfaces becomes #6AC1FC, a sky blue with the old cyan’s brightness that still belongs to the blue family. Every number on this page is computed live from the hex values: WCAG 2 contrast and APCA lightness contrast (Lc). Back to the brand guidelines.
Four colours and two surfaces. Each has a job; the light is the brand’s signature, so it is used for light, never for large fills on light surfaces.
One hue (OKLCH 259, the site’s blue) from 50 to 950, anchored on 600 = #245BB2, 900 = #0B1F45 and 950 = #06132C. Tints for surfaces and states (hover is 700, pressed 800); the Light stays outside the scale as the one accent.
Body text must clear 4.5:1 and Lc 75; UI text, links and labels at 16 px and up 4.5:1 and Lc 60. Two pairings are allowed only as decoration (the letters’ depth), never as text.
The old cyan looked bright because of its lightness, and a screen can only make a light colour that saturated toward cyan; the site’s own hue at that lightness turns pastel (D). B takes the cyan’s brightness at hue 240, between the two, so it glows like the cyan and still sits with the navy and the blue.