Ocean Foam

#F0F8FF

Color Information

Hex Code

#F0F8FF

RGB

240, 248, 255

HSL

208°, 100%, 97%

CSS

#F0F8FF

Name

Ocean Foam

Color Tints

Lighter variations of Ocean Foam

#F0F8FF

#F2F9FF

10%

#F3F9FF

20%

#F5FAFF

30%

#F6FBFF

40%

#F8FCFF

50%

#F9FCFF

60%

#FBFDFF

70%

#FCFEFF

80%

#FEFEFF

90%

#FFFFFF

100%

Color Shades

Darker variations of Ocean Foam

#F0F8FF

#D8DFE6

10%

#C0C6CC

20%

#A8AEB3

30%

#909599

40%

#787C80

50%

#606366

60%

#484A4D

70%

#303233

80%

#18191A

90%

#000000

100%

Related Colors

Complementary Color

#FFF7F0

Opposite on color wheel

Split-Complementary Colors

#FFF0F0, #FFFEF0

Adjacent to complementary color

Analogous Colors

#F0FFFE, #F0F0FF

Adjacent colors on color wheel (30° apart)

Triadic Colors

#FFF0F8, #F8FFF0

Three colors equally spaced (120° apart)

Tetradic Colors

#F7F0FF, #FFF7F0, #F8FFF0

Rectangle on color wheel (90° apart)

Square Colors

#FEF0FF, #FFF7F0, #F0FFF0

Four colors equally spaced (90° apart)

Monochromatic Variations

#A3D4FF, #57B0FF, #0A8DFF, #0065BD

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring Ocean Foam. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#F0F8FF

#F0FFFB

#F3F0FF

#FFF7F0

#FFFEF0

A harmonious blend of analogous colors with complementary accents for balanced contrast.

Triadic + Accent

#F0F8FF

#FFF0F8

#F8FFF0

#C999FF

#8AFFC0

Bold triadic colors with lighter and darker accent variations for dynamic contrast.

Monochromatic + Split Complementary

#F0F8FF

#B3DBFF

#70BCFF

#FFF0F0

#FFFEF0

Sophisticated monochromatic variations paired with split complementary colors for elegant contrast.

Interactive Color Picker

Click and drag on the color picker to explore different colors. The preview area will update in real-time.

Hue

Saturation & Lightness

Current Color

#F0F8FF

RGB Values

240, 248, 255

HSL Values

208°, 100%, 97%