Dichtstbijzijnde benoemde kleur · #B1D4C0
#B1D4C0
Dichtstbijzijnde benoemde kleur: Frosted Fir
#B1D4C0 (rgb(177 212 192), hsl(146 29% 76%), oklch(0.839 0.046 160.2)) komt het dichtst bij de benoemde kleur Frosted Fir. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#B1D4C0
oklch(0.839 0.046 160.2)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- B9D8C6
- C1DDCC
- C8E1D3
- D0E5D9
- D8E9DF
- E0EEE5
- E8F2EC
- EFF6F2
- F7FBF9
Schaduwen
- 99B8A7
- 839D8E
- 6C8376
- 57695F
- 425149
- 2F3A34
- 1C2420
- 0C100E
- 010202
Tonen
- ACCBB9
- A7C3B3
- A2BAAC
- 9DB2A6
- 99A99F
- 94A199
- 8F9893
- 8A908C
- 858886
Kleurharmonieën
Complementair +180°
- B1D4C0
Frosted Fir
- E0BFD4
≈ Ooh la La
Analoog -30° +30°
- B1D4C0
Frosted Fir
- C0D1B1
≈ Gamin
- A8D4D1
≈ Eton Blue
Triadisch +120° +240°
- B1D4C0
Frosted Fir
- C4C7E9
≈ Powdered Granite
- E6C1B4
≈ Calico Rose
Gesplitst complementair +150° +210°
- B1D4C0
Frosted Fir
- D4C2E1
≈ Purple Whisper
- E6BEC3
≈ Ice Hot Pink
Tetradisch +90° +180° +270°
- B1D4C0
Frosted Fir
- B4CDE8
≈ Morality
- E0BFD4
≈ Ooh la La
- DEC6AA
≈ Larb Gai
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.60:1 · APCA Lc 27
Ag
AAAOp zwart
WCAG 13.04:1 · APCA Lc 76
Beste tekstkleur: #000000
WCAG 13.04:1 (AAA) · APCA Lc 76
Contrast pairs
Codefragmenten
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);
}