#75b0b6

Color #75b0b6

A muted medium cyan.

Closest named color Cadet Blue #5f9ea0 · ΔE 7.54 Nearest Tailwind class cyan-500 #00b8db · ΔE 10.1

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#75b0b6

RGB

rgb(117, 176, 182)

HSL

hsl(185.5, 30.8%, 58.6%)

HSV / HSB

hsv(185.5, 35.7%, 71.4%)

CMYK

cmyk(35.7%, 3.3%, 0%, 28.6%)

LAB

lab(68.17, -17.53, -9.14)

LCH

lch(68.17, 19.77, 207.54)

OKLCH

oklch(71.9%, 0.0617, 203.99)

HWB

hwb(185.5, 45.9%, 28.6%)

Harmony colors

Complementary

#b67b75

Analogous

#75b69b

#75b0b6

#758fb6

Triadic

#75b0b6

#b675b0

#b0b675

Split-complementary

#75b0b6

#b6758f

#b69b75

Tetradic

#75b0b6

#7b75b6

#b67b75

#b0b675

Square

#75b0b6

#9b75b6

#b67b75

#8fb675

Shades

Color #75b0b6 mixed toward black.

#569ca3

#457d82

#345e62

#223e41

#111f21

Tints

Color #75b0b6 mixed toward white.

#8cbdc2

#a3cace

#bad7da

#d1e5e7

#e8f2f3

Tones

Color #75b0b6 mixed toward gray.

#7aacb1

#80a7ab

#85a3a6

#8b9ea0

#909a9b

Accessibility

Aa White text on this color

2.43:1

Aa Black text on this color

8.64:1

Black text reads better on this background (8.64:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#9293b5 · ΔE 23.6

Deuteranopia

#8f8ab4 · ΔE 26

Tritanopia

#79b3b3 · ΔE 2.6

Achromatopsia

#a6a6a6 · ΔE 17

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #75b0b6;

Tailwind (arbitrary value)

bg-[#75b0b6]

Related colors

Powder Blue #b0e0e6

Cadet Blue #5f9ea0

Dark Turquoise #00ced1

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#75b0b6 (#75b0b6) is rgb(117, 176, 182) in RGB.

No, #75b0b6 is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #75b0b6, or check how it holds up for accessibility.

Generate a palette → Check contrast