#074348

Color #074348

A vivid, highly saturated very dark cyan.

Closest named color Dark Slate Gray #2f4f4f · ΔE 8.41 Nearest Tailwind class teal-900 #0b4f4a · ΔE 6.6

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

Conversions

HEX

#074348

RGB

rgb(7, 67, 72)

HSL

hsl(184.6, 82.3%, 15.5%)

HSV / HSB

hsv(184.6, 90.3%, 28.2%)

CMYK

cmyk(90.3%, 6.9%, 0%, 71.8%)

LAB

lab(25.34, -15.68, -8.19)

LCH

lch(25.34, 17.69, 207.58)

OKLCH

oklch(35%, 0.0566, 203.76)

HWB

hwb(184.6, 2.7%, 71.8%)

Harmony colors

Complementary

#480c07

Analogous

#07482d

#074348

#072348

Triadic

#074348

#480743

#434807

Split-complementary

#074348

#480723

#482d07

Tetradic

#074348

#0c0748

#480c07

#434807

Square

#074348

#2d0748

#480c07

#234807

Shades

Color #074348 mixed toward black.

#06383c

#052d30

#032224

#021618

#010b0c

Tints

Color #074348 mixed toward white.

#0d808a

#14bdcb

#3bdeec

#7ce9f2

#bef4f9

Tones

Color #074348 mixed toward gray.

#0c3e43

#123a3d

#173538

#1d3132

#222c2d

Accessibility

Aa White text on this color

11.02:1

Aa Black text on this color

1.91:1

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

Under color vision deficiencies

Protanopia

#2c2d47 · ΔE 23

Deuteranopia

#292547 · ΔE 25.6

Tritanopia

#0f4646 · ΔE 2.8

Achromatopsia

#3c3c3c · ΔE 15.9

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

Code

CSS

background-color: #074348;

Tailwind (arbitrary value)

bg-[#074348]

Related colors

Powder Blue #b0e0e6

Cadet Blue #5f9ea0

Dark Turquoise #00ced1

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#074348 (#074348) is rgb(7, 67, 72) in RGB.

No, #074348 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 #074348, or check how it holds up for accessibility.

Generate a palette → Check contrast