#1C233C

Color Details

HEX
#1C233C
RGB
rgb(28, 35, 60)
HSL
hsl(227, 36%, 17%)
CMYK
cmyk(53%, 42%, 0%, 76%)
Best text on this color #FFFFFF (CR 15.50:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1c233c
Contrast 1.36:1 Fail
White on #1c233c
Contrast 15.50:1 AAA
#1c233c on Black
Contrast 1.36:1 Fail
#1c233c on White
Contrast 15.50:1 AAA

Tints & Shades

#494f63
#777b8a
#a4a7b1
#161c30
#111524
#0b0e18

Complement & Analogous

#3b341c
#251c3b
#1c323b

Triadic

#3b1c23
#233b1c

Monochrome

#0b0e18 #111524 #1c233c #777b8a #a4a7b1 #d2d3d8

Analogous

#1c323b #607076 #1c233c #514962 #251c3b #1e162f

Complementary Mix

#111524 #1c233c #777b8a #3b341c #807b6b #262212

Nearby Colors

#1c233b
#1c233d
#1c232c
#1c234c

Embed #1C233C swatch

Embed this swatch

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

Open image

About #1C233C

#1C233C converts to RGB(28, 35, 60) and HSL(227, 36%, 17%). 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).

#1C233C FAQs

What is the RGB value of #1C233C?
RGB: 28, 35, 60. Copy as CSS: rgb(28, 35, 60)
Is #1C233C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #1C233C?
Complement: #3b341c.
Does #1C233C have good contrast on white or black?
On white: 15.50:1 (AAA (normal text)). On black: 1.36:1 (Fails AA).