Nearest named color · #B0D5B7
#B0D5B7
Nearest named color: Frosted Fir
#B0D5B7 (rgb(176 213 183), hsl(131 31% 76%), oklch(0.838 0.057 150.6)) is closest to the named color Frosted Fir. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#B0D5B7
oklch(0.838 0.057 150.6)
Color conversions
- HEX
- #b0d5b7
- RGB
- rgb(176 213 183)
- HSL
- hsl(131 31% 76%)
- HWB
- hwb(131 69% 16%)
- OKLCH
- oklch(0.838 0.057 150.6)
- OKLab
- oklab(0.838 -0.05 0.028)
- CIE Lab
- lab(81.96 -17.02 10.65)
- LCH
- lch(81.96 20.08 148)
- CMYK
- cmyk(17% 0% 14% 16%)
Tints · Shades · Tones
Tints
- B8D9BE
- C0DDC5
- C8E2CC
- D0E6D3
- D7EADB
- DFEEE2
- E7F2E9
- EFF7F0
- F7FBF8
Shades
- 99B99F
- 829E87
- 6C8370
- 566A5A
- 425145
- 2E3A31
- 1C241E
- 0B100C
- 010202
Tones
- ABCCB1
- A6C3AC
- A2BBA6
- 9DB2A1
- 98AA9B
- 93A196
- 8E9990
- 8A908B
- 858885
Color harmonies
Complementary +180°
- B0D5B7
Frosted Fir
- E0BDDB
≈ Designer Pink
Analogous -30° +30°
- B0D5B7
Frosted Fir
- C4D0A7
≈ Landscape
- A2D7CC
≈ Yucca Cream
Triadic +120° +240°
- B0D5B7
Frosted Fir
- BCC9F0
≈ Cuddle
- EDBDB4
≈ Sweet Sherry
Split-complementary +150° +210°
- B0D5B7
Frosted Fir
- D0C2EA
≈ York Plum
- EBBBC8
≈ Madder Rose
Tetradic +90° +180° +270°
- B0D5B7
Frosted Fir
- A9D0EC
≈ Marzena Dream
- E0BDDB
≈ Designer Pink
- E6C2A5
≈ Fabulous Fawn
Contrast & accessibility
Ag
FailOn white
WCAG 1.60:1 · APCA Lc 27
Ag
AAAOn black
WCAG 13.04:1 · APCA Lc 76
Best text color: #000000
WCAG 13.04:1 (AAA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--frosted-fir: #b0d5b7;
--frosted-fir-rgb: 176 213 183;
--frosted-fir-oklch: oklch(0.838 0.057 150.6);
}
.element {
color: var(--frosted-fir);
background-color: hsl(131 31% 76%);
border-color: oklch(0.838 0.057 150.6);
}Tailwind CSS v4
@theme {
--color-frosted-fir: #b0d5b7;
--color-frosted-fir-50: #eafaed;
--color-frosted-fir-100: #daeedf;
--color-frosted-fir-200: #c3dcc9;
--color-frosted-fir-300: #a2c0aa;
--color-frosted-fir-400: #87a88d;
--color-frosted-fir-500: #6b9173;
--color-frosted-fir-600: #5b7b61;
--color-frosted-fir-700: #48624e;
--color-frosted-fir-800: #354837;
--color-frosted-fir-900: #243226;
--color-frosted-fir-950: #131e14;
}SCSS
$frosted-fir: #b0d5b7;
$frosted-fir-rgb: 176, 213, 183;
$frosted-fir-light: mix(#fff, $frosted-fir, 20%);
$frosted-fir-dark: mix(#000, $frosted-fir, 20%);
.element {
color: $frosted-fir;
box-shadow: 0 0 0 2px rgba($frosted-fir, 0.35);
}