Skip to main content

#235F66

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
#235F66
RGB
rgb(35, 95, 102)
RGBA
rgba(35, 95, 102, 1)
HSL
hsl(186.27, 48.91%, 26.86%)
HSLA
hsla(186, 49%, 27%, 1)
CMYK
cmyk(66%, 7%, 0%, 60%)

Color Palettes

Harmonious color combinations based on #235F66

Monochromatic

Shades and tints of the same hue

#0D2326
#276A72
#41B1BE
#8DD0D8
#D9EFF2

Analogous

Adjacent colors on the color wheel

#23672A
#23674C
#235F66
#233E67
#2A2367

Complementary

Opposite color for maximum contrast

#235F66
#672A23

Triadic

Three evenly spaced colors

#235F66
#672360
#606723

CSS Usage Examples

Background

background-color: #235F66;

Text

color: #235F66;

Border

border: 2px solid #235F66;

Shadow

box-shadow: 0 4px 6px #235F6640;
Feedback