#418ABA

#418ABA

Color Values

HEX

#418ABA

RGB

65, 138, 186

HSL

203.8, 48.2%, 49.2%

HSV

203.8, 65.1%, 72.9%

CMYK

65.1%, 25.8%, 0.0%, 27.1%

OKLCH

0.6077 0.1031 240.3

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#418ABA

#BA7141

Analogous

#41BAAD

#414DBA

#418ABA

Triadic

#418ABA

#BA418A

#8ABA41

Split Complementary

#418ABA

#BA414D

#BAAD41

Tetradic

#418ABA

#AD41BA

#BA7141

#4DBA41

Color Blindness Simulation

Original

#418ABA

Protanopia

#6161AE

Deuteranopia

#5C57AC

Tritanopia

#45A5A3

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F4F8FA
100
#E6EFF4
200
#CADFED
300
#A4C8DF
400
#73AACE
500
#428CBD
600
#357097
700
#2A5A79
800
#21465E
900
#1B3545
950
#11212C

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

5.57:1

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