#0161C8

#0161C8

Color Values

HEX

#0161C8

RGB

1, 97, 200

HSL

211.1, 99.0%, 39.4%

HSV

211.1, 99.5%, 78.4%

CMYK

99.5%, 51.5%, 0.0%, 21.6%

OKLCH

0.5081 0.1778 256.7

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#0161C8

#C86801

Analogous

#01C4C8

#0501C8

#0161C8

Triadic

#0161C8

#C80161

#61C801

Split Complementary

#0161C8

#C80501

#C4C801

Tetradic

#0161C8

#C801C4

#C86801

#01C805

Color Blindness Simulation

Original

#0161C8

Protanopia

#2B2BAF

Deuteranopia

#251EA9

Tritanopia

#069B97

Achromatopsia

#545454

CSS Usage

background-color: #0161C8;
color: #0161C8;
border-color: #0161C8;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F7FE
100
#DEEDFC
200
#B8DAFF
300
#85C0FE
400
#439DFE
500
#017BFE
600
#0162CB
700
#014FA2
800
#013D7F
900
#052F5C
950
#031E3A

Contrast Checker

Text on white

5.92:1

AA Pass AAA Fail

Text on black

3.55: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