#265267

Color #265267

A moderately saturated dark cyan.

Closest named color Charcoal #36454f · ΔE 10.97 Nearest Tailwind class cyan-900 #104e64 · ΔE 2.6

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

Conversions

HEX

#265267

RGB

rgb(38, 82, 103)

HSL

hsl(199.4, 46.1%, 27.6%)

HSV / HSB

hsv(199.4, 63.1%, 40.4%)

CMYK

cmyk(63.1%, 20.4%, 0%, 59.6%)

LAB

lab(32.76, -8.19, -16.72)

LCH

lch(32.76, 18.62, 243.9)

OKLCH

oklch(41.7%, 0.0598, 231.31)

HWB

hwb(199.4, 14.9%, 59.6%)

Harmony colors

Complementary

#673b26

Analogous

#26675b

#265267

#263167

Triadic

#265267

#672652

#526726

Split-complementary

#265267

#672631

#675b26

Tetradic

#265267

#3b2667

#673b26

#526726

Square

#265267

#5b2667

#673b26

#316726

Shades

Color #265267 mixed toward black.

#204456

#193745

#132933

#0d1b22

#060e11

Tints

Color #265267 mixed toward white.

#377694

#4b98bd

#78b2cd

#a5cbde

#d2e5ee

Tones

Color #265267 mixed toward gray.

#2b5061

#314e5c

#364c57

#3c4a51

#41484c

Accessibility

Aa White text on this color

8.45:1

Aa Black text on this color

2.49:1

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

Under color vision deficiencies

Protanopia

#3e3e62 · ΔE 17.5

Deuteranopia

#3b3861 · ΔE 18.4

Tritanopia

#295f5e · ΔE 12.6

Achromatopsia

#4d4d4d · ΔE 14.1

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

Code

CSS

background-color: #265267;

Tailwind (arbitrary value)

bg-[#265267]

Related colors

Sky Blue #87ceeb

Light Sky Blue #87cefa

Deep Sky Blue #00bfff

Charcoal #36454f

Light Blue #add8e6

Steel Blue #4682b4

Frequently asked questions

#265267 (#265267) is rgb(38, 82, 103) in RGB.

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

Generate a palette → Check contrast