#2B6294

#2B6294

Color Values

HEX

#2B6294

RGB

43, 98, 148

HSL

208.6, 55.0%, 37.5%

HSV

208.6, 70.9%, 58.0%

CMYK

70.9%, 33.8%, 0.0%, 42.0%

OKLCH

0.4836 0.0994 248.7

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#2B6294

#945D2B

Analogous

#2B9492

#2B2D94

#2B6294

Triadic

#2B6294

#942B62

#62942B

Split Complementary

#2B6294

#942B2D

#94922B

Tetradic

#2B6294

#922B94

#945D2B

#2D942B

Color Blindness Simulation

Original

#2B6294

Protanopia

#434388

Deuteranopia

#403C85

Tritanopia

#2E7E7C

Achromatopsia

#5A5A5A

CSS Usage

background-color: #2B6294;
color: #2B6294;
border-color: #2B6294;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F4F8FB
100
#E5EEF5
200
#C8DCEF
300
#A0C3E3
400
#6DA3D5
500
#3983C6
600
#2E699E
700
#25547E
800
#1D4163
900
#183248
950
#0F1F2E

Contrast Checker

Text on white

6.41:1

AA Pass AAA Fail

Text on black

3.28:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026