#33CBFB Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #33cbfb graphic
This vivid cyan is highly saturated and energetic. Because it is so bright, #33cbfb functions best as an accent color rather than a main background, where it can easily overwhelm the eye. It pairs well with charcoal grays or deep navies to ground its intensity. The hex code #33cbfb offers enough contrast for readable black text, making it a reliable choice for buttons and UI details.

Questions about #33cbfb

What is #33cbfb in RGB, HSL and CMYK?
In RGB, #33cbfb is rgb(51, 203, 251), in HSL hsl(194, 96%, 59%) and in CMYK 80%, 19%, 0%, 2%.
What colors pair well with #33cbfb for a balanced design?
Because #33cbfb is so highly saturated, it pairs best with neutral darks like charcoal or deep navy to ground its intensity. Using these dark tones creates a sophisticated contrast that prevents the vibrant cyan from overwhelming your layout.
Is #33cbfb suitable for body text or background use?
It is generally too bright for large blocks of text or full-page backgrounds, as its high saturation can quickly cause eye strain. Reserve #33cbfb for small, impactful elements like call-to-action buttons, active states, or icons that need to stand out.
Is #33cbfb readable on white or black?
#33cbfb has a 1.89:1 contrast ratio on white and 11.07:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.