color #38A6F0 | Chroma Seek

#38A6F0

Color Information

Hex Code

#38A6F0

RGB

56, 166, 240

HSL

204°, 86%, 58%

CSS

#38A6F0

Color Tints

Lighter variations of #38A6F0

#38A6F0

#4CAFF2

10%

#60B8F3

20%

#74C1F5

30%

#88CAF6

40%

#9CD3F8

50%

#AFDBF9

60%

#C3E4FB

70%

#D7EDFC

80%

#EBF6FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #38A6F0

#38A6F0

#3295D8

10%

#2D85C0

20%

#2774A8

30%

#226490

40%

#1C5378

50%

#164260

60%

#113248

70%

#0B2130

80%

#061118

90%

#000000

100%

Related Colors

Complementary Color

#F08138

Opposite on color wheel

Split-Complementary Colors

#F0384A, #F0DE38

Adjacent to complementary color

Analogous Colors

#38F0DE, #384AF0

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F038A6, #A6F038

Three colors equally spaced (120° apart)

Tetradic Colors

#8138F0, #F08138, #A6F038

Rectangle on color wheel (90° apart)

Square Colors

#DE38F0, #F08138, #4AF038

Four colors equally spaced (90° apart)

Monochromatic Variations

#F6FBFE, #97D1F7, #0E72B4, #063655

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #38A6F0. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#38A6F0

#38F0B0

#5338F0

#F08138

#F0DE38

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

Triadic + Accent

#38A6F0

#F038A6

#A6F038

#BD97F7

#0EB450

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

Monochromatic + Split Complementary

#38A6F0

#AEDBF9

#0C639D

#F0384A

#F0DE38

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

#38A6F0

RGB Values

56, 166, 240

HSL Values

204°, 86%, 58%