#1267BA

#1267BA

Color Values

HEX

#1267BA

RGB

18, 103, 186

HSL

209.6, 82.4%, 40.0%

HSV

209.6, 90.3%, 72.9%

CMYK

90.3%, 44.6%, 0.0%, 27.1%

OKLCH

0.5132 0.1506 253.3

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#1267BA

#BA6512

Analogous

#12BAB9

#1213BA

#1267BA

Triadic

#1267BA

#BA1267

#67BA12

Split Complementary

#1267BA

#BA1213

#BAB912

Tetradic

#1267BA

#B912BA

#BA6512

#13BA12

Color Blindness Simulation

Original

#1267BA

Protanopia

#3738A6

Deuteranopia

#322CA1

Tritanopia

#169693

Achromatopsia

#5B5B5B

CSS Usage

background-color: #1267BA;
color: #1267BA;
border-color: #1267BA;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F2F7FD
100
#E1EDFA
200
#BEDCF9
300
#8FC2F4
400
#53A2EE
500
#1681E9
600
#1267BA
700
#0E5295
800
#0B4074
900
#0D3154
950
#081F35

Contrast Checker

Text on white

5.71:1

AA Pass AAA Fail

Text on black

3.67:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026