#1271BA

#1271BA

Color Values

HEX

#1271BA

RGB

18, 113, 186

HSL

206.1, 82.4%, 40.0%

HSV

206.1, 90.3%, 72.9%

CMYK

90.3%, 39.2%, 0.0%, 27.1%

OKLCH

0.5364 0.1397 248.7

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#1271BA

#BA5B12

Analogous

#12BAAF

#121DBA

#1271BA

Triadic

#1271BA

#BA1271

#71BA12

Split Complementary

#1271BA

#BA121D

#BAAF12

Tetradic

#1271BA

#AF12BA

#BA5B12

#1DBA12

Color Blindness Simulation

Original

#1271BA

Protanopia

#3B3CA8

Deuteranopia

#362EA4

Tritanopia

#179A97

Achromatopsia

#626262

CSS Usage

background-color: #1271BA;
color: #1271BA;
border-color: #1271BA;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F2F8FD
100
#E1EFFA
200
#BEDFF9
300
#8FC8F4
400
#53ABEE
500
#168DE9
600
#1271BA
700
#0E5A95
800
#0B4774
900
#0D3554
950
#082235

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

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