#1270BA

#1270BA

Color Values

HEX

#1270BA

RGB

18, 112, 186

HSL

206.4, 82.4%, 40.0%

HSV

206.4, 90.3%, 72.9%

CMYK

90.3%, 39.8%, 0.0%, 27.1%

OKLCH

0.534 0.1408 249.2

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#1270BA

#BA5C12

Analogous

#12BAB0

#121CBA

#1270BA

Triadic

#1270BA

#BA1270

#70BA12

Split Complementary

#1270BA

#BA121C

#BAB012

Tetradic

#1270BA

#B012BA

#BA5C12

#1CBA12

Color Blindness Simulation

Original

#1270BA

Protanopia

#3B3CA8

Deuteranopia

#352EA4

Tritanopia

#179A97

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E1EFFA
200
#BEDFF9
300
#8FC8F4
400
#53AAEE
500
#168CE9
600
#1270BA
700
#0E5A95
800
#0B4674
900
#0D3554
950
#082135

Contrast Checker

Text on white

5.18:1

AA Pass AAA Fail

Text on black

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