#438ADC

#438ADC

Color Values

HEX

#438ADC

RGB

67, 138, 220

HSL

212.2, 68.6%, 56.3%

HSV

212.2, 69.5%, 86.3%

CMYK

69.5%, 37.3%, 0.0%, 13.7%

OKLCH

0.6267 0.1433 253.8

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#438ADC

#DC9543

Analogous

#43D6DC

#4943DC

#438ADC

Triadic

#438ADC

#DC438A

#8ADC43

Split Complementary

#438ADC

#DC4943

#D6DC43

Tetradic

#438ADC

#DC43D6

#DC9543

#43DC49

Color Blindness Simulation

Original

#438ADC

Protanopia

#6262C8

Deuteranopia

#5E58C3

Tritanopia

#47B8B5

Achromatopsia

#818181

CSS Usage

background-color: #438ADC;
color: #438ADC;
border-color: #438ADC;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F7FC
100
#E3ECF8
200
#C3DAF4
300
#98BFEC
400
#609CE1
500
#2879D7
600
#2061AC
700
#1A4D8A
800
#143D6B
900
#132E4E
950
#0C1D31

Contrast Checker

Text on white

3.55:1

AA Fail AAA Fail

Text on black

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