#00767E

Accessibility

5.39:1

Vs white / black

5.39:1 · 3.89:1

Sources

Library color

Codes

Formats

HEX

#00767e

RGB

rgb(0, 118, 126)

RGBA

rgba(0, 118, 126, 1)

HSL

hsl(184, 100%, 25%)

HSLA

hsla(184, 100%, 25%, 1)

HSV

hsv(184, 100%, 49%)

LAB

lab(44.89% -24.51 -12.36)

LCH

lch(44.89% 27.45 206.76)

OKLAB

oklab(0.5155 -0.0808 -0.0344)

OKLCH

oklch(0.5155 0.0878 203.06)

XYZ

xyz(10.24, 14.46, 21.99)

CMYK

cmyk(100%, 6%, 0%, 51%)

CSS

color: #00767e;

CSS variable

--color-00767e: #00767e;

SCSS

$color-00767e: #00767e;

JavaScript

const color = "#00767e";

TypeScript

const color: string = "#00767e";

React

style={{ backgroundColor: "#00767e" }}

JSON

{ "hex": "#00767e", "rgb": { "r": 0, "g": 118, "b": 126 }, "oklch": "oklch(0.5155 0.0878 203.06)" }

Export

Developer code

css

:root {
  --#00767e-1: #00767e;
}

Design systems

Nearest official tokens

An arbitrary HEX is not an official Tailwind, Material, or Bootstrap color. Distance is CIEDE2000.

Nearest Tailwind color

teal-700

Very different · ΔE 6.92 · #0F766E

Nearest CSS named color

Teal

Noticeably different · ΔE 4.99 · #008080

Nearest Material color

cyan-800

Very different · ΔE 5.01 · #00838F

Nearest Bootstrap color

secondary

Very different · ΔE 17.95 · #6C757D

OKLCH

Perceptual 50–950 scale

Generated in OKLCH from this hex. Not an official Tailwind scale unless the hex itself is a Tailwind token.

50ccffff 100bbf4f9 2009fe2e8 3007ecdd4 40056b2ba 50037969e 6002b7d84 7001e656a 800114d52 90005363a 950002024

Palette

Tints & shades

Full scale from light tints through the base color into deep shades

eaf4f4 d5e8ea bfdddf aad1d4 95c6c9 80bbbf 6aafb4 55a4a9 40989e 2b8d94 158189 00767e 006c74 006269 00595f 004f54 004549 003b3f 003134 00272a 001e20 001415 000a0b

Palette

Tints

Mixed toward white — soft backgrounds and highlights

eaf4f4 d5e8ea bfdddf aad1d4 95c6c9 80bbbf 6aafb4 55a4a9 40989e 2b8d94 158189

Palette

Shades

Mixed toward black — depth, text, and emphasis

006c74 006269 00595f 004f54 004549 003b3f 003134 00272a 001e20 001415 000a0b

Palette

Tones

Mixed toward neutral grey — muted UI surfaces

0b777e 15787e 20797f 2b797f 357a7f 407b7f 4b7c7f 557d7f 607e80 6b7e80 757f80

Harmony

Complementary

Opposite on the color wheel for contrast

#00767EStop 1 #800800Stop 2

Harmony

Analogous

Neighbors that sit comfortably together

#008048Stop 1 #00767EStop 2 #003780Stop 3

Harmony

Triadic

Evenly spaced triad for vibrant sets

#00767EStop 1 #800077Stop 2 #778000Stop 3

Harmony

Split complementary

Base plus two accents beside the complement

#00767EStop 1 #800037Stop 2 #804800Stop 3

Harmony

Monochromatic

Same hue, varied lightness and saturation

#005F66Stop 1 #00A7B3Stop 2 #00EEFFStop 3 #4DF3FFStop 4 #99F8FFStop 5

Using this color

Where #00767e works

#00767E (#00767e) sits in the cyan family at about 184° hue, 100% saturation, and 25% lightness. Contrast is 5.39:1 on white and 3.89:1 on black, so white labels read more clearly on the swatch itself. Nearest Tailwind token: teal-700 (approximation unless the hex is an official scale stop).

Sensible jobs for this swatch

supporting UI accents
text or icons on a white canvas

On a black or near-black UI, #00767e is 3.89:1. Prefer it as a fill, border, or large heading rather than 16px copy.

Family context: Freshness, clarity, and innovation. Great for tech accents and clean digital products. Common uses still include buttons, charts, and accents in the Cyan range — always verify the pair for this exact hex in the contrast checker.

Similar & related colors

Nearby colors from the library by perceptual distance

Spectrum #227981#227981 Spectrum #2A6F6E#2A6F6E Spectrum #3B7781#3B7781 Teal#008080 Material Cyan 800#00838F Spectrum #276E7C#276E7C Spectrum #378186#378186 Spectrum #1E8385#1E8385 Spectrum #2E686B#2E686B Web Safe #006666#006666 Spectrum #25746C#25746C Tailwind teal 700#0F766E