Nearest named color · #B2C69D
#B2C69D
Nearest named color: Greenhorn
#B2C69D (rgb(178 198 157), hsl(89 26% 70%), oklch(0.801 0.06 128.9)) is closest to the named color Greenhorn. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#B2C69D
oklch(0.801 0.06 128.9)
Color conversions
- HEX
- #b2c69d
- RGB
- rgb(178 198 157)
- HSL
- hsl(89 26% 70%)
- HWB
- hwb(89 62% 22%)
- OKLCH
- oklch(0.801 0.06 128.9)
- OKLab
- oklab(0.801 -0.038 0.047)
- CIE Lab
- lab(77.54 -12.54 18.24)
- LCH
- lch(77.54 22.14 124.5)
- CMYK
- cmyk(10% 0% 21% 22%)
Tints · Shades · Tones
Tints
- B9CCA7
- C1D1B0
- C9D7BA
- D0DDC4
- D8E2CE
- E0E8D7
- E7EEE1
- EFF4EB
- F7F9F5
Shades
- 9AAC88
- 839273
- 6D7A5F
- 57624C
- 434B3A
- 2F3528
- 1D2118
- 0C0E09
- 010201
Tones
- ADBF9A
- A8B897
- A3B195
- 9EA992
- 99A28F
- 949B8C
- 8F9589
- 8A8E86
- 858783
Color harmonies
Complementary +180°
- B2C69D
Greenhorn
- C9B4DC
≈ Sea Lavender
Analogous -30° +30°
- B2C69D
Greenhorn
- C7BF93
≈ Parlour Sage
- 9DCAB0
≈ Lobaria Lichen
Triadic +120° +240°
- B2C69D
Greenhorn
- A0C2E4
≈ Pale Cerulean
- E1AEB6
≈ Sakura
Split-complementary +150° +210°
- B2C69D
Greenhorn
- B5BBE5
≈ Wish
- D9AFCB
≈ Pink Lavender
Tetradic +90° +180° +270°
- B2C69D
Greenhorn
- 92C8D8
≈ Blue Glint
- C9B4DC
≈ Sea Lavender
- E1B1A2
≈ Prosciutto
Contrast & accessibility
Ag
FailOn white
WCAG 1.83:1 · APCA Lc 34
Ag
AAAOn black
WCAG 11.45:1 · APCA Lc 68
Best text color: #000000
WCAG 11.45:1 (AAA) · APCA Lc 68
Contrast pairs
Code snippets
CSS
:root {
--greenhorn: #b2c69d;
--greenhorn-rgb: 178 198 157;
--greenhorn-oklch: oklch(0.801 0.06 128.9);
}
.element {
color: var(--greenhorn);
background-color: hsl(89 26% 70%);
border-color: oklch(0.801 0.06 128.9);
}Tailwind CSS v4
@theme {
--color-greenhorn: #b2c69d;
--color-greenhorn-50: #eff9e7;
--color-greenhorn-100: #e1ecd8;
--color-greenhorn-200: #cbdabf;
--color-greenhorn-300: #adbe9e;
--color-greenhorn-400: #93a680;
--color-greenhorn-500: #7a8e63;
--color-greenhorn-600: #677854;
--color-greenhorn-700: #526043;
--color-greenhorn-800: #3d4630;
--color-greenhorn-900: #2a3120;
--color-greenhorn-950: #171d10;
}SCSS
$greenhorn: #b2c69d;
$greenhorn-rgb: 178, 198, 157;
$greenhorn-light: mix(#fff, $greenhorn, 20%);
$greenhorn-dark: mix(#000, $greenhorn, 20%);
.element {
color: $greenhorn;
box-shadow: 0 0 0 2px rgba($greenhorn, 0.35);
}