#418DDB

#418DDB

Color Values

HEX

#418DDB

RGB

65, 141, 219

HSL

210.4, 68.1%, 55.7%

HSV

210.4, 70.3%, 85.9%

CMYK

70.3%, 35.6%, 0.0%, 14.1%

OKLCH

0.6321 0.1398 251.5

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#418DDB

#DB8F41

Analogous

#41DADB

#4241DB

#418DDB

Triadic

#418DDB

#DB418D

#8DDB41

Split Complementary

#418DDB

#DB4241

#DADB41

Tetradic

#418DDB

#DB41DA

#DB8F41

#41DB42

Color Blindness Simulation

Original

#418DDB

Protanopia

#6263C8

Deuteranopia

#5E58C4

Tritanopia

#45B9B6

Achromatopsia

#828282

CSS Usage

background-color: #418DDB;
color: #418DDB;
border-color: #418DDB;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F7FC
100
#E3EDF7
200
#C3DBF4
300
#98C1EB
400
#60A0E1
500
#297ED6
600
#2165AB
700
#1A5189
800
#143F6B
900
#13304E
950
#0C1E31

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

6.06:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026