#46969F

#46969F

Color Values

HEX

#46969F

RGB

70, 150, 159

HSL

186.1, 38.9%, 44.9%

HSV

186.1, 56.0%, 62.4%

CMYK

56.0%, 5.7%, 0.0%, 37.6%

OKLCH

0.6268 0.0789 205.2

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#46969F

#9F4F46

Analogous

#469F7C

#46699F

#46969F

Triadic

#46969F

#9F4696

#969F46

Split Complementary

#46969F

#9F4669

#9F7C46

Tetradic

#46969F

#7C469F

#9F4F46

#699F46

Color Blindness Simulation

Original

#46969F

Protanopia

#69699D

Deuteranopia

#645E9C

Tritanopia

#4A9B9B

Achromatopsia

#868686

CSS Usage

background-color: #46969F;
color: #46969F;
border-color: #46969F;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CDE6E9
300
#AAD5DA
400
#7CBEC5
500
#4EA7B1
600
#3E868E
700
#326B71
800
#275459
900
#1F3E41
950
#142729

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

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