Named color · #0A888A
Old Truck
Old Truck is #0A888A: rgb(10 136 138), hsl(181 86% 29%), oklch(0.569 0.095 196.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Old Truck color name →
#0A888A
oklch(0.569 0.095 196.7)
Color conversions
- HEX
- #0a888a
- RGB
- rgb(10 136 138)
- HSL
- hsl(181 86% 29%)
- HWB
- hwb(181 4% 46%)
- OKLCH
- oklch(0.569 0.095 196.7)
- OKLab
- oklab(0.569 -0.091 -0.027)
- CIE Lab
- lab(50.99 -30.72 -10.32)
- LCH
- lch(50.99 32.41 198.6)
- CMYK
- cmyk(93% 1% 0% 46%)
Tints · Shades · Tones
Tints
- 379495
- 529FA0
- 6AABAC
- 80B7B7
- 96C3C3
- ABCFCF
- C0DBDB
- D5E7E7
- EAF3F3
Shades
- 077577
- 056365
- 035253
- 024142
- 013132
- 012222
- 001314
- 000607
- 000101
Tones
- 288789
- 388788
- 458687
- 508586
- 598585
- 628484
- 6A8383
- 728282
- 798181
Color harmonies
Complementary +180°
- 0A888A
Old Truck
- A85F63
≈ Spiced Tea
Analogous -30° +30°
- 0A888A
Old Truck
- 33896B
≈ Elf
- 2982A2
≈ Blue Paisley
Triadic +120° +240°
- 0A888A
Old Truck
- 8E659C
≈ Aster Violetta
- 976F2F
≈ Mulberry Brown
Split-complementary +150° +210°
- 0A888A
Old Truck
- A05F82
≈ Beryl Red
- A56444
≈ Borneo
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 4.28:1 · APCA Lc 69
Ag
AAOn black
WCAG 4.90:1 · APCA Lc 33
Best text color: #000000
WCAG 4.90:1 (AA) · APCA Lc 33
Contrast pairs
Code snippets
CSS
:root {
--old-truck: #0a888a;
--old-truck-rgb: 10 136 138;
--old-truck-oklch: oklch(0.569 0.095 196.7);
}
.element {
color: var(--old-truck);
background-color: hsl(181 86% 29%);
border-color: oklch(0.569 0.095 196.7);
}Tailwind CSS v4
@theme {
--color-old-truck: #0a888a;
--color-old-truck-50: #d7feff;
--color-old-truck-100: #c4f2f4;
--color-old-truck-200: #a4e1e3;
--color-old-truck-300: #7ac7c9;
--color-old-truck-400: #4fb0b1;
--color-old-truck-500: #06999b;
--color-old-truck-600: #108283;
--color-old-truck-700: #0f6869;
--color-old-truck-800: #084c4c;
--color-old-truck-900: #063535;
--color-old-truck-950: #002020;
}SCSS
$old-truck: #0a888a;
$old-truck-rgb: 10, 136, 138;
$old-truck-light: mix(#fff, $old-truck, 20%);
$old-truck-dark: mix(#000, $old-truck, 20%);
.element {
color: $old-truck;
box-shadow: 0 0 0 2px rgba($old-truck, 0.35);
}