#2C08C4

#2C08C4

Color Values

HEX

#2C08C4

RGB

44, 8, 196

HSL

251.5, 92.2%, 40.0%

HSV

251.5, 95.9%, 76.9%

CMYK

77.6%, 95.9%, 0.0%, 23.1%

OKLCH

0.3903 0.2449 272.8

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#2C08C4

#A0C408

Analogous

#0842C4

#8A08C4

#2C08C4

Triadic

#2C08C4

#C42C08

#08C42C

Split Complementary

#2C08C4

#C48A08

#42C408

Tetradic

#2C08C4

#C40842

#A0C408

#08C48A

Color Blindness Simulation

Original

#2C08C4

Protanopia

#1C1C97

Deuteranopia

#1E218C

Tritanopia

#2A736B

Achromatopsia

#1D1D1D

CSS Usage

background-color: #2C08C4;
color: #2C08C4;
border-color: #2C08C4;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F4F1FD
100
#E5DFFB
200
#C7BAFC
300
#9F89FA
400
#6B4AF8
500
#370AF5
600
#2C08C4
700
#23069D
800
#1C057B
900
#180859
950
#0F0538

Contrast Checker

Text on white

10.83:1

AA Pass AAA Pass

Text on black

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