Nearest named color · #B1D4C0
#B1D4C0
Nearest named color: Frosted Fir
#B1D4C0 (rgb(177 212 192), hsl(146 29% 76%), oklch(0.839 0.046 160.2)) is closest to the named color Frosted Fir. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#B1D4C0
oklch(0.839 0.046 160.2)
Color conversions
- HEX
- #b1d4c0
- RGB
- rgb(177 212 192)
- HSL
- hsl(146 29% 76%)
- HWB
- hwb(146 69% 17%)
- OKLCH
- oklch(0.839 0.046 160.2)
- OKLab
- oklab(0.839 -0.044 0.016)
- CIE Lab
- lab(81.93 -14.97 5.88)
- LCH
- lch(81.93 16.08 158.6)
- CMYK
- cmyk(17% 0% 9% 17%)
Tints · Shades · Tones
Tints
- B9D8C6
- C1DDCC
- C8E1D3
- D0E5D9
- D8E9DF
- E0EEE5
- E8F2EC
- EFF6F2
- F7FBF9
Shades
- 99B8A7
- 839D8E
- 6C8376
- 57695F
- 425149
- 2F3A34
- 1C2420
- 0C100E
- 010202
Tones
- ACCBB9
- A7C3B3
- A2BAAC
- 9DB2A6
- 99A99F
- 94A199
- 8F9893
- 8A908C
- 858886
Color harmonies
Complementary +180°
- B1D4C0
Frosted Fir
- E0BFD4
≈ Ooh la La
Analogous -30° +30°
- B1D4C0
Frosted Fir
- C0D1B1
≈ Gamin
- A8D4D1
≈ Eton Blue
Triadic +120° +240°
- B1D4C0
Frosted Fir
- C4C7E9
≈ Powdered Granite
- E6C1B4
≈ Calico Rose
Split-complementary +150° +210°
- B1D4C0
Frosted Fir
- D4C2E1
≈ Purple Whisper
- E6BEC3
≈ Ice Hot Pink
Tetradic +90° +180° +270°
- B1D4C0
Frosted Fir
- B4CDE8
≈ Morality
- E0BFD4
≈ Ooh la La
- DEC6AA
≈ Larb Gai
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: #b1d4c0;
--frosted-fir-rgb: 177 212 192;
--frosted-fir-oklch: oklch(0.839 0.046 160.2);
}
.element {
color: var(--frosted-fir);
background-color: hsl(146 29% 76%);
border-color: oklch(0.839 0.046 160.2);
}Tailwind CSS v4
@theme {
--color-frosted-fir: #b1d4c0;
--color-frosted-fir-50: #eafaf1;
--color-frosted-fir-100: #dbede3;
--color-frosted-fir-200: #c4dbce;
--color-frosted-fir-300: #a3bfb0;
--color-frosted-fir-400: #87a795;
--color-frosted-fir-500: #6b907c;
--color-frosted-fir-600: #5b7a69;
--color-frosted-fir-700: #496254;
--color-frosted-fir-800: #35473c;
--color-frosted-fir-900: #243129;
--color-frosted-fir-950: #131d17;
}SCSS
$frosted-fir: #b1d4c0;
$frosted-fir-rgb: 177, 212, 192;
$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);
}