#1B68BC

#1B68BC

Color Values

HEX

#1B68BC

RGB

27, 104, 188

HSL

211.3, 74.9%, 42.2%

HSV

211.3, 85.6%, 73.7%

CMYK

85.6%, 44.7%, 0.0%, 26.3%

OKLCH

0.5185 0.1504 254.4

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#1B68BC

#BC6F1B

Analogous

#1BB9BC

#1F1BBC

#1B68BC

Triadic

#1B68BC

#BC1B68

#68BC1B

Split Complementary

#1B68BC

#BC1F1B

#B9BC1B

Tetradic

#1B68BC

#BC1BB9

#BC6F1B

#1BBC1F

Color Blindness Simulation

Original

#1B68BC

Protanopia

#3C3DA8

Deuteranopia

#3832A3

Tritanopia

#1F9894

Achromatopsia

#5E5E5E

CSS Usage

background-color: #1B68BC;
color: #1B68BC;
border-color: #1B68BC;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F2F7FC
100
#E2EDF9
200
#C1DAF6
300
#94C0F0
400
#5A9EE7
500
#207BDF
600
#1A63B2
700
#144F8F
800
#103E6F
900
#102F51
950
#0A1E33

Contrast Checker

Text on white

5.6:1

AA Pass AAA Fail

Text on black

3.75:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026