#1267BC

#1267BC

Color Values

HEX

#1267BC

RGB

18, 103, 188

HSL

210.0, 82.5%, 40.4%

HSV

210.0, 90.4%, 73.7%

CMYK

90.4%, 45.2%, 0.0%, 26.3%

OKLCH

0.5146 0.1532 253.8

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#1267BC

#BC6712

Analogous

#12BCBC

#1212BC

#1267BC

Triadic

#1267BC

#BC1267

#67BC12

Split Complementary

#1267BC

#BC1212

#BCBC12

Tetradic

#1267BC

#BC12BC

#BC6712

#12BC12

Color Blindness Simulation

Original

#1267BC

Protanopia

#3738A7

Deuteranopia

#322CA2

Tritanopia

#169794

Achromatopsia

#5B5B5B

CSS Usage

background-color: #1267BC;
color: #1267BC;
border-color: #1267BC;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F2F7FD
100
#E1EDFA
200
#BEDBF9
300
#8FC2F4
400
#53A1EE
500
#1680E9
600
#1266BA
700
#0E5295
800
#0B4074
900
#0C3054
950
#081F35

Contrast Checker

Text on white

5.69:1

AA Pass AAA Fail

Text on black

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