#0161AC

#0161AC

Color Values

HEX

#0161AC

RGB

1, 97, 172

HSL

206,3, 98,8%, 33,9%

HSV

206,3, 99,4%, 67,5%

CMYK

99,4%, 43,6%, 0,0%, 32,5%

OKLCH

0,4876 0,1416 251,1

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#0161AC

#AC4C01

Analogous

#01ACA1

#010CAC

#0161AC

Triadic

#0161AC

#AC0161

#61AC01

Split Complementary

#0161AC

#AC010C

#ACA101

Tetradic

#0161AC

#A101AC

#AC4C01

#0CAC01

Color Blindness Simulation

Original

#0161AC

Protanopia

#2B2B9A

Deuteranopia

#251E96

Tritanopia

#068C88

Achromatopsia

#525252

CSS Usage

background-color: #0161AC;
color: #0161AC;
border-color: #0161AC;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F1F8FE
100
#DEEFFC
200
#B8E0FF
300
#85C9FE
400
#43ACFE
500
#028FFD
600
#0172CB
700
#015CA2
800
#01487F
900
#05365C
950
#03223A

Contrast Checker

Text on white

6,35:1

AA Pass AAA Fail

Text on black

3,31:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026