#1772CC

Color Details

HEX
#1772CC
RGB
rgb(23, 114, 204)
HSL
hsl(210, 80%, 45%)
CMYK
cmyk(89%, 44%, 0%, 20%)
Best text on this color #FFFFFF (CR 4.87:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1772cc
Contrast 4.32:1 Fail
White on #1772cc
Contrast 4.87:1 AA
#1772cc on Black
Contrast 4.32:1 Fail
#1772cc on White
Contrast 4.87:1 AA

Tints & Shades

#458ed6
#74aae0
#a2c7eb
#125ba3
#0e447a
#092e52

Complement & Analogous

#cf7317
#1717cf
#17cfcf

Triadic

#cf1773
#73cf17

Monochrome

#092e52 #0e447a #1772cc #74aae0 #a2c7eb #d1e3f5

Analogous

#17cfcf #5ddddd #1772cc #4545d9 #1717cf #1212a6

Complementary Mix

#0e447a #1772cc #74aae0 #cf7317 #e0a468 #874b0f

Nearby Colors

#1772cb
#1772cd
#1772bc
#1772dc

Embed #1772CC swatch

Embed this swatch

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

Open image

About #1772CC

#1772CC converts to RGB(23, 114, 204) and HSL(210, 80%, 45%). 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).

#1772CC FAQs

What is the RGB value of #1772CC?
RGB: 23, 114, 204. Copy as CSS: rgb(23, 114, 204)
Is #1772CC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #1772CC?
Complement: #cf7317.
Does #1772CC have good contrast on white or black?
On white: 4.87:1 (AA (normal text)). On black: 4.32:1 (AA (large text)).