#4099BF

#4099BF

Color Values

HEX

#4099BF

RGB

64, 153, 191

HSL

198.0, 49.8%, 50.0%

HSV

198.0, 66.5%, 74.9%

CMYK

66.5%, 19.9%, 0.0%, 25.1%

OKLCH

0.6452 0.1011 229.5

Properties

Cool Light Nearest: Blue Green

Color Harmonies

Complementary

#4099BF

#BF6640

Analogous

#40BFA6

#4059BF

#4099BF

Triadic

#4099BF

#BF4099

#99BF40

Split Complementary

#4099BF

#BF4059

#BFA640

Tetradic

#4099BF

#A640BF

#BF6640

#59BF40

Color Blindness Simulation

Original

#4099BF

Protanopia

#6767B6

Deuteranopia

#615BB4

Tritanopia

#44AFAD

Achromatopsia

#898989

CSS Usage

background-color: #4099BF;
color: #4099BF;
border-color: #4099BF;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4F9FB
100
#E6F0F5
200
#CAE2ED
300
#A3CEE0
400
#72B3D0
500
#4099BF
600
#337A99
700
#29627A
800
#204C5F
900
#1B3946
950
#11242C

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

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