Nearest named color · #98C08C
#98C08C
Nearest named color: Oh Pistachio
#98C08C (rgb(152 192 140), hsl(106 29% 65%), oklch(0.765 0.084 138.6)) is closest to the named color Oh Pistachio. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#98C08C
oklch(0.765 0.084 138.6)
Color conversions
- HEX
- #98c08c
- RGB
- rgb(152 192 140)
- HSL
- hsl(106 29% 65%)
- HWB
- hwb(106 55% 25%)
- OKLCH
- oklch(0.765 0.084 138.6)
- OKLab
- oklab(0.765 -0.063 0.056)
- CIE Lab
- lab(73.78 -21.23 21.76)
- LCH
- lch(73.78 30.4 134.3)
- CMYK
- cmyk(21% 0% 27% 25%)
Tints · Shades · Tones
Tints
- A2C697
- ACCDA3
- B6D3AE
- C1D9B9
- CBDFC5
- D5E6D0
- E0ECDC
- EAF2E8
- F4F9F3
Shades
- 84A779
- 708E67
- 5C7655
- 4A5F43
- 384933
- 273423
- 172014
- 080E07
- 010201
Tones
- 96B98B
- 93B38A
- 91AD89
- 8FA688
- 8CA087
- 8A9985
- 889384
- 858D83
- 838681
Color harmonies
Complementary +180°
- 98C08C
Oh Pistachio
- CAA2D5
≈ Lilac Lace
Analogous -30° +30°
- 98C08C
Oh Pistachio
- B7B778
≈ Liminal Yellow
- 7BC4A9
≈ Green Balloon
Triadic +120° +240°
- 98C08C
Oh Pistachio
- 92B4E9
≈ Adrift on the Nile
- E39D9E
≈ Pale Berry
Split-complementary +150° +210°
- 98C08C
Oh Pistachio
- B0AAE6
≈ Maximum Blue Purple
- DC9DBC
≈ Pink Begonia
Tetradic +90° +180° +270°
- 98C08C
Oh Pistachio
- 77BEDD
≈ Bright Spark
- CAA2D5
≈ Lilac Lace
- DFA383
≈ Peachy Tint
Contrast & accessibility
Ag
FailOn white
WCAG 2.04:1 · APCA Lc 40
Ag
AAAOn black
WCAG 10.25:1 · APCA Lc 62
Best text color: #000000
WCAG 10.25:1 (AAA) · APCA Lc 62
Contrast pairs
Code snippets
CSS
:root {
--oh-pistachio: #98c08c;
--oh-pistachio-rgb: 152 192 140;
--oh-pistachio-oklch: oklch(0.765 0.084 138.6);
}
.element {
color: var(--oh-pistachio);
background-color: hsl(106 29% 65%);
border-color: oklch(0.765 0.084 138.6);
}Tailwind CSS v4
@theme {
--color-oh-pistachio: #98c08c;
--color-oh-pistachio-50: #e9fce5;
--color-oh-pistachio-100: #d9efd5;
--color-oh-pistachio-200: #c2debc;
--color-oh-pistachio-300: #a1c39a;
--color-oh-pistachio-400: #86ab7a;
--color-oh-pistachio-500: #69945d;
--color-oh-pistachio-600: #5a7d4f;
--color-oh-pistachio-700: #47643f;
--color-oh-pistachio-800: #35492c;
--color-oh-pistachio-900: #24331d;
--color-oh-pistachio-950: #131e0d;
}SCSS
$oh-pistachio: #98c08c;
$oh-pistachio-rgb: 152, 192, 140;
$oh-pistachio-light: mix(#fff, $oh-pistachio, 20%);
$oh-pistachio-dark: mix(#000, $oh-pistachio, 20%);
.element {
color: $oh-pistachio;
box-shadow: 0 0 0 2px rgba($oh-pistachio, 0.35);
}