Nearest named color · #98967D
#98967D
Nearest named color: Pebble
#98967D (rgb(152 150 125), hsl(56 12% 54%), oklch(0.668 0.036 103.5)) is closest to the named color Pebble. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#98967D
oklch(0.668 0.036 103.5)
Color conversions
- HEX
- #98967d
- RGB
- rgb(152 150 125)
- HSL
- hsl(56 12% 54%)
- HWB
- hwb(56 49% 40%)
- OKLCH
- oklch(0.668 0.036 103.5)
- OKLab
- oklab(0.668 -0.008 0.035)
- CIE Lab
- lab(61.73 -2.51 13.53)
- LCH
- lch(61.73 13.76 100.5)
- CMYK
- cmyk(0% 1% 18% 40%)
Tints · Shades · Tones
Tints
- A2A089
- ACAA96
- B6B4A3
- C0BFAF
- CAC9BC
- D5D4C9
- DFDFD7
- EAE9E4
- F4F4F1
Shades
- 84826C
- 706E5B
- 5C5B4B
- 4A493B
- 38372C
- 27261E
- 171611
- 080805
- 010101
Tones
- 96947D
- 93927E
- 918F7E
- 8E8D7E
- 8C8B7F
- 89897F
- 87877F
- 858480
- 828280
Color harmonies
Complementary +180°
- 98967D
Pebble
- 9192AA
≈ Cosmic Energy
Analogous -30° +30°
- 98967D
Pebble
- A2927D
≈ Mountain Hideaway
- 8C9A84
≈ Linden Spear
Triadic +120° +240°
- 98967D
Pebble
- 7E9AA5
≈ Tranquil Aqua
- A58C9A
≈ Gothic Amethyst
Split-complementary +150° +210°
- 98967D
Pebble
- 8696AB
≈ Norwegian Night
- 9D8FA4
≈ Smoky Grape
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.00:1 · APCA Lc 57
Ag
AAOn black
WCAG 6.99:1 · APCA Lc 45
Best text color: #000000
WCAG 6.99:1 (AA) · APCA Lc 45
Contrast pairs
Code snippets
CSS
:root {
--pebble: #98967d;
--pebble-rgb: 152 150 125;
--pebble-oklch: oklch(0.668 0.036 103.5);
}
.element {
color: var(--pebble);
background-color: hsl(56 12% 54%);
border-color: oklch(0.668 0.036 103.5);
}Tailwind CSS v4
@theme {
--color-pebble: #98967d;
--color-pebble-50: #f6f6ea;
--color-pebble-100: #e9e9db;
--color-pebble-200: #d6d5c4;
--color-pebble-300: #b9b9a4;
--color-pebble-400: #a2a088;
--color-pebble-500: #8a886c;
--color-pebble-600: #75735c;
--color-pebble-700: #5d5c49;
--color-pebble-800: #454335;
--color-pebble-900: #2f2e24;
--color-pebble-950: #1c1b13;
}SCSS
$pebble: #98967d;
$pebble-rgb: 152, 150, 125;
$pebble-light: mix(#fff, $pebble, 20%);
$pebble-dark: mix(#000, $pebble, 20%);
.element {
color: $pebble;
box-shadow: 0 0 0 2px rgba($pebble, 0.35);
}