color #23A8F6 | Chroma Seek

#23A8F6

Color Information

Hex Code

#23A8F6

RGB

35, 168, 246

HSL

202°, 92%, 55%

CSS

#23A8F6

Color Tints

Lighter variations of #23A8F6

#23A8F6

#39B1F7

10%

#4FB9F8

20%

#65C2F9

30%

#7BCBFA

40%

#91D4FB

50%

#A7DCFB

60%

#BDE5FC

70%

#D3EEFD

80%

#E9F6FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #23A8F6

#23A8F6

#2097DD

10%

#1C86C5

20%

#1976AC

30%

#156594

40%

#12547B

50%

#0E4362

60%

#0B324A

70%

#072231

80%

#041119

90%

#000000

100%

Related Colors

Complementary Color

#F67023

Opposite on color wheel

Split-Complementary Colors

#F6233F, #F6DA23

Adjacent to complementary color

Analogous Colors

#23F6DA, #233FF6

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F623A8, #A8F623

Three colors equally spaced (120° apart)

Tetradic Colors

#7023F6, #F67023, #A8F623

Rectangle on color wheel (90° apart)

Square Colors

#DA23F6, #F67023, #3FF623

Four colors equally spaced (90° apart)

Monochromatic Variations

#E7F5FE, #85CFFA, #076FAB, #033049

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #23A8F6. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#23A8F6

#23F6A5

#3B23F6

#F67023

#F6DA23

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

Triadic + Accent

#23A8F6

#F623A8

#A8F623

#B085FA

#07AB43

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

Monochromatic + Split Complementary

#23A8F6

#9DD9FB

#065F93

#F6233F

#F6DA23

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

#23A8F6

RGB Values

35, 168, 246

HSL Values

202°, 92%, 55%