#2763BD

#2763BD

Color Values

HEX

#2763BD

RGB

39, 99, 189

HSL

216.0, 65.8%, 44.7%

HSV

216.0, 79.4%, 74.1%

CMYK

79.4%, 47.6%, 0.0%, 25.9%

OKLCH

0.5111 0.1547 258.7

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#2763BD

#BD8127

Analogous

#27AEBD

#3627BD

#2763BD

Triadic

#2763BD

#BD2763

#63BD27

Split Complementary

#2763BD

#BD3627

#AEBD27

Tetradic

#2763BD

#BD27AE

#BD8127

#27BD36

Color Blindness Simulation

Original

#2763BD

Protanopia

#4142A7

Deuteranopia

#3E39A2

Tritanopia

#2A9692

Achromatopsia

#5D5D5D

CSS Usage

background-color: #2763BD;
color: #2763BD;
border-color: #2763BD;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F3F6FC
100
#E3EBF7
200
#C4D7F3
300
#9ABAEA
400
#6394DF
500
#2C6FD3
600
#2359A9
700
#1C4787
800
#16376A
900
#142B4D
950
#0C1B31

Contrast Checker

Text on white

5.82:1

AA Pass AAA Fail

Text on black

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