Nearest named color · #006953
#006953
Nearest named color: Terrestrial
#006953 (rgb(0 105 83), hsl(167 100% 21%), oklch(0.464 0.09 171.8)) is closest to the named color Terrestrial. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#006953
oklch(0.464 0.09 171.8)
Color conversions
- HEX
- #006953
- RGB
- rgb(0 105 83)
- HSL
- hsl(167 100% 21%)
- HWB
- hwb(167 0% 59%)
- OKLCH
- oklch(0.464 0.09 171.8)
- OKLab
- oklab(0.464 -0.089 0.013)
- CIE Lab
- lab(38.99 -31.68 4.69)
- LCH
- lch(38.99 32.02 171.6)
- CMYK
- cmyk(100% 0% 21% 59%)
Tints · Shades · Tones
Tints
- 2C7763
- 478673
- 5F9483
- 76A394
- 8CB2A5
- A3C1B6
- BAD0C8
- D0E0DA
- E8EFEC
Shades
- 005A47
- 004C3B
- 003E30
- 003125
- 00241B
- 001811
- 000C08
- 000402
- 000000
Tones
- 1E6C57
- 2E6E5C
- 3B7060
- 477365
- 517569
- 5B776E
- 657A72
- 6E7C77
- 777E7B
Color harmonies
Complementary +180°
- 006953
Terrestrial
- 7F425F
≈ Cheerful Wine
Analogous -30° +30°
- 006953
Terrestrial
- 3A6635
≈ Vegas Green
- 00666C
≈ Trouser Blue
Triadic +120° +240°
- 006953
Terrestrial
- 5A4F87
≈ Bright Eggplant
- 804925
≈ Mummy Brown
Split-complementary +150° +210°
- 006953
Terrestrial
- 704777
≈ Hyssop
- 844342
≈ Spiced Berry
Tetradic +90° +180° +270°
- 006953
Terrestrial
- 3C588B
≈ Southern Blue
- 7F425F
≈ Cheerful Wine
- 72530D
≈ Coffee Adept
Contrast & accessibility
Ag
AAOn white
WCAG 6.67:1 · APCA Lc 82
Ag
FailOn black
WCAG 3.14:1 · APCA Lc 19
Best text color: #FFFFFF
WCAG 6.67:1 (AA) · APCA Lc 82
Contrast pairs
Code snippets
CSS
:root {
--terrestrial: #006953;
--terrestrial-rgb: 0 105 83;
--terrestrial-oklch: oklch(0.464 0.09 171.8);
}
.element {
color: var(--terrestrial);
background-color: hsl(167 100% 21%);
border-color: oklch(0.464 0.09 171.8);
}Tailwind CSS v4
@theme {
--color-terrestrial: #006953;
--color-terrestrial-50: #dcfef3;
--color-terrestrial-100: #caf2e5;
--color-terrestrial-200: #ade1d1;
--color-terrestrial-300: #86c7b4;
--color-terrestrial-400: #62b098;
--color-terrestrial-500: #39997f;
--color-terrestrial-600: #32826c;
--color-terrestrial-700: #286856;
--color-terrestrial-800: #1c4c3d;
--color-terrestrial-900: #13352a;
--color-terrestrial-950: #042018;
}SCSS
$terrestrial: #006953;
$terrestrial-rgb: 0, 105, 83;
$terrestrial-light: mix(#fff, $terrestrial, 20%);
$terrestrial-dark: mix(#000, $terrestrial, 20%);
.element {
color: $terrestrial;
box-shadow: 0 0 0 2px rgba($terrestrial, 0.35);
}