#429BAF

#429BAF

Color Values

HEX

#429BAF

RGB

66, 155, 175

HSL

191,0, 45,2%, 47,3%

HSV

191,0, 62,3%, 68,6%

CMYK

62,3%, 11,4%, 0,0%, 31,4%

OKLCH

0,6438 0,0889 215,0

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#429BAF

#AF5642

Analogous

#42AF8D

#4265AF

#429BAF

Triadic

#429BAF

#AF429B

#9BAF42

Split Complementary

#429BAF

#AF4265

#AF8D42

Tetradic

#429BAF

#8D42AF

#AF5642

#65AF42

Color Blindness Simulation

Original

#429BAF

Protanopia

#6969AA

Deuteranopia

#635DA9

Tritanopia

#46A6A6

Achromatopsia

#8A8A8A

CSS Usage

background-color: #429BAF;
color: #429BAF;
border-color: #429BAF;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4F9FA
100
#E6F1F4
200
#CBE6EB
300
#A6D3DD
400
#76BCCB
500
#46A4B9
600
#388394
700
#2D6976
800
#23525D
900
#1D3D44
950
#12262B

Contrast Checker

Text on white

3,21:1

AA Fail AAA Fail

Text on black

6,54:1

AA Pass AAA Fail

Related Articles

Tutorials

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

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026