#0E7EC2

Color Details

HEX
#0E7EC2
RGB
rgb(14, 126, 194)
HSL
hsl(203, 87%, 41%)
CMYK
cmyk(93%, 35%, 0%, 24%)
Best text on this color #000000 (CR 4.78:1) Determined by WCAG contrast ratio

Readability Previews

Black on #0e7ec2
Contrast 4.78:1 AA
White on #0e7ec2
Contrast 4.39:1 Fail
#0e7ec2 on Black
Contrast 4.78:1 AA
#0e7ec2 on White
Contrast 4.39:1 Fail

Tints & Shades

#3e98ce
#6eb2da
#9fcbe7
#0b659b
#084c74
#06324e

Complement & Analogous

#c4530e
#0e23c4
#0ec4ae

Triadic

#c40e7e
#7ec40e

Monochrome

#06324e #084c74 #0e7ec2 #6eb2da #9fcbe7 #cfe5f3

Analogous

#0ec4ae #56d6c6 #0e7ec2 #3e4fd0 #0e23c4 #0b1c9d

Complementary Mix

#084c74 #0e7ec2 #6eb2da #c4530e #d98f62 #7f3609

Nearby Colors

#0e7ec1
#0e7ec3
#0e7eb2
#0e7ed2

Embed #0E7EC2 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #0E7EC2

#0E7EC2 converts to RGB(14, 126, 194) and HSL(203, 87%, 41%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#0E7EC2 FAQs

What is the RGB value of #0E7EC2?
RGB: 14, 126, 194. Copy as CSS: rgb(14, 126, 194)
Is #0E7EC2 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #0E7EC2?
Complement: #c4530e.
Does #0E7EC2 have good contrast on white or black?
On white: 4.39:1 (AA (large text)). On black: 4.78:1 (AA (normal text)).