#104768

Color #104768

A vivid, highly saturated dark blue.

Closest named color Charcoal #36454f · ΔE 16.25 Nearest Tailwind class sky-900 #024a70 · ΔE 1.6

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

Conversions

HEX

#104768

RGB

rgb(16, 71, 104)

HSL

hsl(202.5, 73.3%, 23.5%)

HSV / HSB

hsv(202.5, 84.6%, 40.8%)

CMYK

cmyk(84.6%, 31.7%, 0%, 59.2%)

LAB

lab(28.42, -4.57, -24.16)

LCH

lch(28.42, 24.59, 259.29)

OKLCH

oklch(38.1%, 0.0786, 240.6)

HWB

hwb(202.5, 6.3%, 59.2%)

Harmony colors

Complementary

#683110

Analogous

#10685d

#104768

#101b68

Triadic

#104768

#681047

#476810

Split-complementary

#104768

#68101b

#685d10

Tetradic

#104768

#311068

#683110

#476810

Square

#104768

#5d1068

#683110

#1b6810

Shades

Color #104768 mixed toward black.

#0d3b57

#0b2f45

#082334

#051823

#030c11

Tints

Color #104768 mixed toward white.

#196da0

#2194d9

#56afe5

#8ecaee

#c7e4f6

Tones

Color #104768 mixed toward gray.

#174561

#1f4359

#264152

#2d404b

#353e43

Accessibility

Aa White text on this color

9.89:1

Aa Black text on this color

2.12:1

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

Under color vision deficiencies

Protanopia

#313161 · ΔE 14.4

Deuteranopia

#2e2960 · ΔE 15.8

Tritanopia

#165b5a · ΔE 17.9

Achromatopsia

#434343 · ΔE 16

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

Code

CSS

background-color: #104768;

Tailwind (arbitrary value)

bg-[#104768]

Related colors

Light Sky Blue #87cefa

Charcoal #36454f

Steel Blue #4682b4

Sky Blue #87ceeb

Alice Blue #f0f8ff

Dodger Blue #1e90ff

Frequently asked questions

#104768 (#104768) is rgb(16, 71, 104) in RGB.

No, #104768 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast