#4086AF

#4086AF

Color Values

HEX

#4086AF

RGB

64, 134, 175

HSL

202.2, 46.4%, 46.9%

HSV

202.2, 63.4%, 68.6%

CMYK

63.4%, 23.4%, 0.0%, 31.4%

OKLCH

0.5925 0.0942 237.0

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#4086AF

#AF6940

Analogous

#40AFA1

#404FAF

#4086AF

Triadic

#4086AF

#AF4086

#86AF40

Split Complementary

#4086AF

#AF404F

#AFA140

Tetradic

#4086AF

#A140AF

#AF6940

#4FAF40

Color Blindness Simulation

Original

#4086AF

Protanopia

#5E5FA5

Deuteranopia

#5A55A3

Tritanopia

#449D9C

Achromatopsia

#7A7A7A

CSS Usage

background-color: #4086AF;
color: #4086AF;
border-color: #4086AF;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4F8FA
100
#E6EFF4
200
#CBE0EC
300
#A5C9DE
400
#75ACCC
500
#448FBB
600
#377295
700
#2C5B77
800
#22475D
900
#1C3645
950
#12222B

Contrast Checker

Text on white

4.0:1

AA Fail AAA Fail

Text on black

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