#235280

Color Details

HEX
#235280
RGB
rgb(35, 82, 128)
HSL
hsl(210, 57%, 32%)
CMYK
cmyk(73%, 36%, 0%, 50%)
Best text on this color #FFFFFF (CR 8.11:1) Determined by WCAG contrast ratio

Readability Previews

Black on #235280
Contrast 2.59:1 Fail
White on #235280
Contrast 8.11:1 AAA
#235280 on Black
Contrast 2.59:1 Fail
#235280 on White
Contrast 8.11:1 AAA

Tints & Shades

#4f7599
#7b97b3
#a7bacc
#1c4266
#15314d
#0e2133

Complement & Analogous

#805223
#232380
#238080

Triadic

#802352
#528023

Monochrome

#0e2133 #15314d #235280 #7b97b3 #a7bacc #d3dce6

Analogous

#238080 #65a6a6 #235280 #4f4f99 #232380 #1c1c66

Complementary Mix

#15314d #235280 #7b97b3 #805223 #ac8f70 #533517

Nearby Colors

#23527f
#235281
#235270
#235290

Embed #235280 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #235280

#235280 converts to RGB(35, 82, 128) and HSL(210, 57%, 32%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#235280 FAQs

What is the RGB value of #235280?
RGB: 35, 82, 128. Copy as CSS: rgb(35, 82, 128)
Is #235280 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #235280?
Complement: #805223.
Does #235280 have good contrast on white or black?
On white: 8.11:1 (AAA (normal text)). On black: 2.59:1 (Fails AA).