#298FC2

Share this color with others or download a color card image with HEX and RGB values. Perfect for social media, presentations, or design reference.

All Formats

HEX

#298FC2

RGB

rgb(41, 143, 194)

RGBA

rgba(41, 143, 194, 1)

HSL

hsl(200, 65.11%, 46.08%)

HSLA

hsla(200, 65%, 46%, 1)

CMYK

cmyk(79%, 26%, 0%, 24%)

Color Palettes

Harmonious color combinations based on #298FC2

Monochromatic

Shades and tints of the same hue

#091F2A

#1B5D7E

#2D9BD2

#81C3E4

#D5EBF6

Analogous

Adjacent colors on the color wheel

#29C25C

#29C2A8

#298FC2

#2942C2

#5C29C2

Complementary

Opposite color for maximum contrast

#298FC2

#C25C29

Triadic

Three evenly spaced colors

#298FC2

#C2298F

#8FC229

CSS Usage Examples

Background

background-color: #298FC2;

Text

color: #298FC2;

Border

border: 2px solid #298FC2;

Shadow

box-shadow: 0 4px 6px #298FC240;

Related Colors

Discover harmonious color variations

Complementary

#C25C29

Opposite on color wheel

Lighter

#70BBE1

+20% lightness

Darker

#17516E

-20% lightness

Analogous -30°

#29C2A9

Adjacent color

Analogous +30°

#2943C2

Adjacent color