#0069FF

#0069FF

Color Values

HEX

#0069FF

RGB

0, 105, 255

HSL

215.3, 100.0%, 50.0%

HSV

215.3, 100.0%, 100.0%

CMYK

100.0%, 58.8%, 0.0%, 0.0%

OKLCH

0.5691 0.2374 260.4

Properties

Cool Dark Nearest: Blue

Color Harmonies

Complementary

#0069FF

#FF9600

Analogous

#00E8FF

#1700FF

#0069FF

Triadic

#0069FF

#FF0069

#69FF00

Split Complementary

#0069FF

#FF1700

#E8FF00

Tetradic

#0069FF

#FF00E8

#FF9600

#00FF17

Color Blindness Simulation

Original

#0069FF

Protanopia

#2D2EDB

Deuteranopia

#2720D2

Tritanopia

#05BEB8

Achromatopsia

#5E5E5E

CSS Usage

background-color: #0069FF;
color: #0069FF;
border-color: #0069FF;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F1F6FE
100
#DEEAFC
200
#B8D5FF
300
#85B7FF
400
#4290FF
500
#0069FF
600
#0054CC
700
#0043A3
800
#003480
900
#05295C
950
#031A3A

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

4.46:1

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