#287CBF

#287CBF

Color Values

HEX

#287CBF

RGB

40, 124, 191

HSL

206.6, 65.4%, 45.3%

HSV

206.6, 79.1%, 74.9%

CMYK

79.1%, 35.1%, 0.0%, 25.1%

OKLCH

0.5695 0.1299 247.2

Properties

Cool Light Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#287CBF

#BF6B28

Analogous

#28BFB6

#2831BF

#287CBF

Triadic

#287CBF

#BF287C

#7CBF28

Split Complementary

#287CBF

#BF2831

#BFB628

Tetradic

#287CBF

#B628BF

#BF6B28

#31BF28

Color Blindness Simulation

Original

#287CBF

Protanopia

#4C4DAF

Deuteranopia

#4841AB

Tritanopia

#2CA29F

Achromatopsia

#6F6F6F

CSS Usage

background-color: #287CBF;
color: #287CBF;
border-color: #287CBF;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F8FC
100
#E3EEF7
200
#C4DEF3
300
#9AC6EA
400
#63A8DE
500
#2C89D3
600
#236EA9
700
#1C5887
800
#164469
900
#14344D
950
#0D2131

Contrast Checker

Text on white

4.44:1

AA Fail AAA Fail

Text on black

4.73:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026