#4088BF

#4088BF

Color Values

HEX

#4088BF

RGB

64, 136, 191

HSL

206.0, 49.8%, 50.0%

HSV

206.0, 66.5%, 74.9%

CMYK

66.5%, 28.8%, 0.0%, 25.1%

OKLCH

0.6051 0.1106 244.2

Properties

Cool Light Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#4088BF

#BF7740

Analogous

#40BFB7

#4048BF

#4088BF

Triadic

#4088BF

#BF4088

#88BF40

Split Complementary

#4088BF

#BF4048

#BFB740

Tetradic

#4088BF

#B740BF

#BF7740

#48BF40

Color Blindness Simulation

Original

#4088BF

Protanopia

#5F60B2

Deuteranopia

#5B56AE

Tritanopia

#44A7A5

Achromatopsia

#7D7D7D

CSS Usage

background-color: #4088BF;
color: #4088BF;
border-color: #4088BF;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F8FB
100
#E6EEF5
200
#CADEED
300
#A3C6E0
400
#72A7D0
500
#4088BF
600
#336D99
700
#29577A
800
#20445F
900
#1B3346
950
#11202C

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

5.49:1

AA Pass AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026