#0838F7

#0838F7

Color Values

HEX

#0838F7

RGB

8, 56, 247

HSL

227.9, 93.7%, 50.0%

HSV

227.9, 96.8%, 96.9%

CMYK

96.8%, 77.3%, 0.0%, 3.1%

OKLCH

0.4826 0.2779 264.4

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#0838F7

#F7C708

Analogous

#08B0F7

#4F08F7

#0838F7

Triadic

#0838F7

#F70838

#38F708

Split Complementary

#0838F7

#F74F08

#B0F708

Tetradic

#0838F7

#F708B0

#F7C708

#08F74F

Color Blindness Simulation

Original

#0838F7

Protanopia

#1D1DC9

Deuteranopia

#1A16BE

Tritanopia

#0AA49C

Achromatopsia

#3C3C3C

CSS Usage

background-color: #0838F7;
color: #0838F7;
border-color: #0838F7;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F1F4FD
100
#DFE5FB
200
#BAC7FD
300
#88A0FB
400
#486CF9
500
#0838F7
600
#062DC6
700
#05249E
800
#041C7B
900
#081859
950
#050F38

Contrast Checker

Text on white

7.19:1

AA Pass AAA Pass

Text on black

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