#067FF1

#067FF1

Color Values

HEX

#067FF1

RGB

6, 127, 241

HSL

209.1, 95.1%, 48.4%

HSV

209.1, 97.5%, 94.5%

CMYK

97.5%, 47.3%, 0.0%, 5.5%

OKLCH

0.6035 0.1942 254.7

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#067FF1

#F17806

Analogous

#06F1ED

#060AF1

#067FF1

Triadic

#067FF1

#F1067F

#7FF106

Split Complementary

#067FF1

#F1060A

#F1ED06

Tetradic

#067FF1

#ED06F1

#F17806

#0AF106

Color Blindness Simulation

Original

#067FF1

Protanopia

#3A3BD5

Deuteranopia

#332ACF

Tritanopia

#0CC0BB

Achromatopsia

#6E6E6E

CSS Usage

background-color: #067FF1;
color: #067FF1;
border-color: #067FF1;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F8FE
100
#DFEEFC
200
#B9DCFD
300
#88C4FC
400
#47A3FA
500
#0683F9
600
#0569C7
700
#04549F
800
#03427C
900
#07325A
950
#041F39

Contrast Checker

Text on white

3.95:1

AA Fail AAA Fail

Text on black

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