Benannte Farbe · #006E62
Deep Pacific
Deep Pacific ist #006E62: rgb(0 110 98), hsl(173 100% 22%), oklch(0.483 0.087 181.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Deep Pacific color name →
#006E62
oklch(0.483 0.087 181.9)
Farbumrechnungen
- HEX
- #006e62
- RGB
- rgb(0 110 98)
- HSL
- hsl(173 100% 22%)
- HWB
- hwb(173 0% 57%)
- OKLCH
- oklch(0.483 0.087 181.9)
- OKLab
- oklab(0.483 -0.086 -0.003)
- CIE Lab
- lab(41.09 -30.26 -1.32)
- LCH
- lch(41.09 30.29 182.5)
- CMYK
- cmyk(100% 0% 11% 57%)
Tints · Shades · Tones
Tints
- 2E7C70
- 498A7F
- 61988E
- 77A69E
- 8EB5AD
- A4C3BD
- BBD2CD
- D1E1DE
- E8F0EE
Shades
- 005F54
- 005047
- 00413A
- 00332D
- 002621
- 001916
- 000E0B
- 000403
- 000100
Tones
- 1F7065
- 307268
- 3D746B
- 48766E
- 537871
- 5C7974
- 667B77
- 6F7D7A
- 777E7D
Farbharmonien
Komplementär +180°
- 006E62
Deep Pacific
- 86485B
≈ Frenzied Red
Analog -30° +30°
- 006E62
Deep Pacific
- 346C45
≈ Arcala Green
- 006B7A
≈ Mary Blue
Triadisch +120° +240°
- 006E62
Deep Pacific
- 685287
≈ Zimidar
- 815225
≈ Lion’s Lair
Geteilt komplementär +150° +210°
- 006E62
Deep Pacific
- 7B4B74
≈ Magic Magenta
- 884B3F
≈ Rusted Nail
Tetradisch +90° +180° +270°
- 006E62
Deep Pacific
- 4D5B8F
≈ Nightly Silhouette
- 86485B
≈ Frenzied Red
- 705C1A
≈ Hot Mustard
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.16:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.40:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 6.16:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--deep-pacific: #006e62;
--deep-pacific-rgb: 0 110 98;
--deep-pacific-oklch: oklch(0.483 0.087 181.9);
}
.element {
color: var(--deep-pacific);
background-color: hsl(173 100% 22%);
border-color: oklch(0.483 0.087 181.9);
}Tailwind CSS v4
@theme {
--color-deep-pacific: #006e62;
--color-deep-pacific-50: #dbfef8;
--color-deep-pacific-100: #c9f2eb;
--color-deep-pacific-200: #abe1d8;
--color-deep-pacific-300: #84c6bc;
--color-deep-pacific-400: #5fafa2;
--color-deep-pacific-500: #32998a;
--color-deep-pacific-600: #2d8175;
--color-deep-pacific-700: #24675e;
--color-deep-pacific-800: #194c43;
--color-deep-pacific-900: #10352f;
--color-deep-pacific-950: #03201b;
}SCSS
$deep-pacific: #006e62;
$deep-pacific-rgb: 0, 110, 98;
$deep-pacific-light: mix(#fff, $deep-pacific, 20%);
$deep-pacific-dark: mix(#000, $deep-pacific, 20%);
.element {
color: $deep-pacific;
box-shadow: 0 0 0 2px rgba($deep-pacific, 0.35);
}