#0864CF

#0864CF

Color Values

HEX

#0864CF

RGB

8, 100, 207

HSL

212.3, 92.6%, 42.2%

HSV

212.3, 96.1%, 81.2%

CMYK

96.1%, 51.7%, 0.0%, 18.8%

OKLCH

0.5207 0.1826 257.3

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#0864CF

#CF7308

Analogous

#08C8CF

#1008CF

#0864CF

Triadic

#0864CF

#CF0864

#64CF08

Split Complementary

#0864CF

#CF1008

#C8CF08

Tetradic

#0864CF

#CF08C8

#CF7308

#08CF10

Color Blindness Simulation

Original

#0864CF

Protanopia

#3031B5

Deuteranopia

#2A24AF

Tritanopia

#0DA19C

Achromatopsia

#585858

CSS Usage

background-color: #0864CF;
color: #0864CF;
border-color: #0864CF;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F7FD
100
#DFECFB
200
#BAD9FC
300
#89BDFA
400
#499AF8
500
#0976F6
600
#085FC4
700
#064C9D
800
#053B7B
900
#082D59
950
#051D38

Contrast Checker

Text on white

5.62:1

AA Pass AAA Fail

Text on black

3.73:1

AA Fail 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