Maroon Colors  ·  Color Library

Palettes / Colors / #3EBFEA

#3EBFEA — Vivid Blue

#3EBFEA is a blue color we call Vivid Blue, closest to the named color MediumTurquoise (#48D1CC). It belongs to the blue family.

#3EBFEA is a cool blue color associated with trust, calm and professionalism. It is saturated enough to be the accent — buttons, highlights and calls to action — while neutrals do the quiet work around it.

Its strongest partner is its complement #EA693E; it also sits naturally between #3EEABF and #3E69EA. In the palettes below you can see it working alongside real color combinations from our collection.

#3EBFEA · RGB 62, 191, 234

Download PNG swatch SVG

Color values

HEX#3EBFEA
RGB62, 191, 234
HSL195°, 80%, 58%
HSV195°, 74%, 92%
CMYK74%, 18%, 0%, 8%
XYZ35.47, 44.23, 84.51
Yxy44.23, 0.2160, 0.2693
CIE-Lab72.38, -20.97, -31.42
Hunter Lab66.50, -17.91, -33.66

RGB & CMYK percentages

Red 24% · Green 75% · Blue 92%

Cyan 74% · Magenta 18% · Yellow 0% · Key 8%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #3EBFEA on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #3EBFEA on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #3EBFEA

.text { color: #3EBFEA; }
.background { background-color: #3EBFEA; }
.border { border: 3px solid #3EBFEA; }
.text-rgb { color: rgb(62, 191, 234); }
.text-hsl { color: hsl(195, 80%, 58%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #3EBFEA; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(62, 191, 234, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #3EBFEA; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(62, 191, 234, 0.8); }

HTML: <p style="color:#3EBFEA">Text here</p> · <div style="background-color:#3EBFEA">Div content here</div>

Shades of #3EBFEA

#27B7E7#18A8D8#1596C1#1281A5#106F8E#0D5D77#0A475C#083645#052029#020E12

Tints of #3EBFEA

#51C5EC#63CBEE#71D0EF#83D6F1#95DCF3#A8E2F5#BAE8F7#C8EDF9#DAF3FB#EDF9FD

Tones of #3EBFEA

#4AB9DE#57B2D1#63ADC5#6FA6B8#7BA0AD#889AA0

Color harmonies

Complementary — #EA693E:

Analogous:

Triadic:

Contrast & accessibility

Against white text2.13:1 Fails
Against black text9.85:1 AAA

Best text color on #3EBFEA: #000000.

How #3EBFEA looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #7677E0Deuteranopia · #6E65DDTritanopia · #44D7D6

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Bootstrap info · #0DCAF0Material Blue 500 · #2196F3Tailwind sky 500 · #0EA5E9

Palettes with a similar color

These palettes use a close neighbour of #3EBFEA rather than the exact color:

Palette 402e7a
#402E7A · #4C3BCF · #4B70F5 · #3DC2EC
Hidden Ruby Ember
#1866A4 · #39BEE1 · #C86A1E · #EACEA0
Frozen Ruby Aurora
#1A4D4B · #1B728D · #36BBE3 · #C0D3EA
Palette 008dda
#008DDA · #41C9E2 · #ACE2E1 · #F7EEDD
Golden Ruby Meadow
#10A287 · #35C2E0 · #589CEC · #1323C7
Palette 0078aa
#0078AA · #3AB4F2 · #F2DF3A · #F6F6F6

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#3DC2EC#39BEE1#36BBE3#41C9E2#35C2E0#3AB4F2#3BBAF8#4CB9E7#3ABEF9#4BC6E5#30B8E5#47BBF8

Browse neighbouring colors

← #3EBFE9  ·  #3EBFEB →

Frequently asked questions

What color is #3EBFEA?

#3EBFEA is Vivid Blue, a blue color (RGB 62, 191, 234). Its closest standard named color is MediumTurquoise.

What is the RGB and HSL of #3EBFEA?

#3EBFEA is RGB 62, 191, 234 — HSL 195°, 80%, 58% — CMYK 74%, 18%, 0%, 8%.

What colors go with #3EBFEA?

Its complement is #EA693E; analogous partners are #3EEABF and #3E69EA. It also appears in 6+ palettes in our collection.

Can I use #3EBFEA for text?

Black text on #3EBFEA has a contrast ratio of 9.85:1 (passes WCAG AA); white text gives 2.13:1.