Nearest named color · #B0D0AA
#B0D0AA
Nearest named color: Limestoned
#B0D0AA (rgb(176 208 170), hsl(111 29% 74%), oklch(0.824 0.062 140.7)) is closest to the named color Limestoned. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#B0D0AA
oklch(0.824 0.062 140.7)
Color conversions
- HEX
- #b0d0aa
- RGB
- rgb(176 208 170)
- HSL
- hsl(111 29% 74%)
- HWB
- hwb(111 67% 18%)
- OKLCH
- oklch(0.824 0.062 140.7)
- OKLab
- oklab(0.824 -0.048 0.04)
- CIE Lab
- lab(80.36 -16.4 15.24)
- LCH
- lch(80.36 22.39 137.1)
- CMYK
- cmyk(15% 0% 18% 18%)
Tints · Shades · Tones
Tints
- B8D5B2
- C0D9BB
- C7DEC3
- CFE3CC
- D7E7D4
- DFECDD
- E7F1E5
- EFF6EE
- F7FAF6
Shades
- 99B593
- 829A7D
- 6C8068
- 566753
- 424F3F
- 2E392D
- 1C231B
- 0B100B
- 010201
Tones
- ABC8A6
- A6C0A2
- A2B79D
- 9DAF99
- 98A795
- 939F91
- 8E978D
- 8A9088
- 858884
Color harmonies
Complementary +180°
- B0D0AA
Limestoned
- D8B9DF
≈ Pretty Petunia
Analogous -30° +30°
- B0D0AA
Limestoned
- C7CA9B
≈ Dancing Kite
- 9DD3C0
≈ Flowering Cactus
Triadic +120° +240°
- B0D0AA
Limestoned
- AFC7EF
≈ Tropical Blue
- EBB6B4
≈ Summer Cocktails
Split-complementary +150° +210°
- B0D0AA
Limestoned
- C5BFEC
≈ Violet Gems
- E6B5CB
≈ Sweet Lilac
Tetradic +90° +180° +270°
- B0D0AA
Limestoned
- 9CCEE7
≈ Endless Blue
- D8B9DF
≈ Pretty Petunia
- E7BAA1
≈ Seasonal Beige
Contrast & accessibility
Ag
FailOn white
WCAG 1.68:1 · APCA Lc 30
Ag
AAAOn black
WCAG 12.44:1 · APCA Lc 73
Best text color: #000000
WCAG 12.44:1 (AAA) · APCA Lc 73
Contrast pairs
Code snippets
CSS
:root {
--limestoned: #b0d0aa;
--limestoned-rgb: 176 208 170;
--limestoned-oklch: oklch(0.824 0.062 140.7);
}
.element {
color: var(--limestoned);
background-color: hsl(111 29% 74%);
border-color: oklch(0.824 0.062 140.7);
}Tailwind CSS v4
@theme {
--color-limestoned: #b0d0aa;
--color-limestoned-50: #ebfaea;
--color-limestoned-100: #dceedb;
--color-limestoned-200: #c5dcc3;
--color-limestoned-300: #a6c0a3;
--color-limestoned-400: #8ba885;
--color-limestoned-500: #70916a;
--color-limestoned-600: #5f7a5a;
--color-limestoned-700: #4c6247;
--color-limestoned-800: #374833;
--color-limestoned-900: #263222;
--color-limestoned-950: #141e12;
}SCSS
$limestoned: #b0d0aa;
$limestoned-rgb: 176, 208, 170;
$limestoned-light: mix(#fff, $limestoned, 20%);
$limestoned-dark: mix(#000, $limestoned, 20%);
.element {
color: $limestoned;
box-shadow: 0 0 0 2px rgba($limestoned, 0.35);
}