color #003F64 | Chroma Seek

#003F64

Color Information

Hex Code

#003F64

RGB

0, 63, 100

HSL

202°, 100%, 20%

CSS

#003F64

Color Tints

Lighter variations of #003F64

#003F64

#1A5274

10%

#336583

20%

#4D7993

30%

#668CA2

40%

#809FB2

50%

#99B2C1

60%

#B3C5D1

70%

#CCD9E0

80%

#E6ECF0

90%

#FFFFFF

100%

Color Shades

Darker variations of #003F64

#003F64

#00395A

10%

#003250

20%

#002C46

30%

#00263C

40%

#002032

50%

#001928

60%

#00131E

70%

#000D14

80%

#00060A

90%

#000000

100%

Related Colors

Complementary Color

#662500

Opposite on color wheel

Split-Complementary Colors

#66000E, #665800

Adjacent to complementary color

Analogous Colors

#006658, #000E66

Adjacent colors on color wheel (30° apart)

Triadic Colors

#660041, #416600

Three colors equally spaced (120° apart)

Tetradic Colors

#250066, #662500, #416600

Rectangle on color wheel (90° apart)

Square Colors

#580066, #662500, #0E6600

Four colors equally spaced (90° apart)

Monochromatic Variations

#99DAFF, #4DBEFF, #00A2FF, #0071B3

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #003F64. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#003F64

#00663F

#0C0066

#662500

#665800

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

Triadic + Accent

#003F64

#660041

#416600

#4B00CC

#006625

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

Monochromatic + Split Complementary

#003F64

#0091E6

#00304D

#66000E

#665800

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

#003F64

RGB Values

0, 63, 100

HSL Values

202°, 100%, 20%