#0166A3

Color Details

HEX
#0166A3
RGB
rgb(1, 102, 163)
HSL
hsl(203, 99%, 32%)
CMYK
cmyk(99%, 37%, 0%, 36%)
Best text on this color #FFFFFF (CR 6.12:1) Determined by WCAG contrast ratio

Readability Previews

Black on #0166a3
Contrast 3.43:1 Fail
White on #0166a3
Contrast 6.12:1 AA
#0166a3 on Black
Contrast 3.43:1 Fail
#0166a3 on White
Contrast 6.12:1 AA

Tints & Shades

#3485b5
#67a3c8
#99c2da
#015282
#013d62
#002941

Complement & Analogous

#a23f01
#0114a2
#01a290

Triadic

#a20164
#64a201

Monochrome

#002941 #013d62 #0166a3 #67a3c8 #99c2da #cce0ed

Analogous

#01a290 #4dbeb1 #0166a3 #3443b5 #0114a2 #011082

Complementary Mix

#013d62 #0166a3 #67a3c8 #a23f01 #c3825a #692901

Nearby Colors

#0166a2
#0166a4
#016693
#0166b3

Embed #0166A3 swatch

Embed this swatch

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

Open image

About #0166A3

#0166A3 converts to RGB(1, 102, 163) and HSL(203, 99%, 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).

#0166A3 FAQs

What is the RGB value of #0166A3?
RGB: 1, 102, 163. Copy as CSS: rgb(1, 102, 163)
Is #0166A3 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #0166A3?
Complement: #a23f01.
Does #0166A3 have good contrast on white or black?
On white: 6.12:1 (AA (normal text)). On black: 3.43:1 (AA (large text)).