#2678CD

#2678CD

Color Values

HEX

#2678CD

RGB

38, 120, 205

HSL

210.5, 68.7%, 47.6%

HSV

210.5, 81.5%, 80.4%

CMYK

81.5%, 41.5%, 0.0%, 19.6%

OKLCH

0.5684 0.152 253.0

Properties

Cool Light Nearest: dodgerblue 3

Color Harmonies

Complementary

#2678CD

#CD7B26

Analogous

#26CBCD

#2726CD

#2678CD

Triadic

#2678CD

#CD2678

#78CD26

Split Complementary

#2678CD

#CD2726

#CBCD26

Tetradic

#2678CD

#CD26CB

#CD7B26

#26CD27

Color Blindness Simulation

Original

#2678CD

Protanopia

#4A4AB8

Deuteranopia

#453FB4

Tritanopia

#2AA8A5

Achromatopsia

#6D6D6D

CSS Usage

background-color: #2678CD;
color: #2678CD;
border-color: #2678CD;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F7FC
100
#E3EDF8
200
#C3DBF4
300
#98C1EC
400
#60A0E1
500
#287ED7
600
#2065AC
700
#1A518A
800
#143F6C
900
#12304E
950
#0C1E32

Contrast Checker

Text on white

4.52:1

AA Pass AAA Fail

Text on black

4.65:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026