#2680CF

#2680CF

Color Values

HEX

#2680CF

RGB

38, 128, 207

HSL

208.0, 69.0%, 48.0%

HSV

208.0, 81.6%, 81.2%

CMYK

81.6%, 38.2%, 0.0%, 18.8%

OKLCH

0.5878 0.1462 249.8

Properties

Cool Light Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#2680CF

#CF7526

Analogous

#26CFC9

#262CCF

#2680CF

Triadic

#2680CF

#CF2680

#80CF26

Split Complementary

#2680CF

#CF262C

#CFC926

Tetradic

#2680CF

#C926CF

#CF7526

#2CCF26

Color Blindness Simulation

Original

#2680CF

Protanopia

#4D4EBC

Deuteranopia

#4841B7

Tritanopia

#2AADA9

Achromatopsia

#737373

CSS Usage

background-color: #2680CF;
color: #2680CF;
border-color: #2680CF;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F8FC
100
#E3EEF8
200
#C3DDF4
300
#98C5EC
400
#60A5E2
500
#2885D7
600
#206BAC
700
#19558A
800
#14436C
900
#12324F
950
#0C2032

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

5.07:1

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