Dichtstbijzijnde benoemde kleur · #F1FBF7
#F1FBF7
Dichtstbijzijnde benoemde kleur: Everlasting Ice
#F1FBF7 (rgb(241 251 247), hsl(156 56% 96%), oklch(0.98 0.012 170.3)) komt het dichtst bij de benoemde kleur Everlasting Ice. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#F1FBF7
oklch(0.98 0.012 170.3)
Kleurconversies
- HEX
- #f1fbf7
- RGB
- rgb(241 251 247)
- HSL
- hsl(156 56% 96%)
- HWB
- hwb(156 95% 2%)
- OKLCH
- oklch(0.98 0.012 170.3)
- OKLab
- oklab(0.98 -0.012 0.002)
- CIE Lab
- lab(97.78 -3.94 0.72)
- LCH
- lch(97.78 4.01 169.7)
- CMYK
- cmyk(4% 0% 2% 2%)
Tinten · Schaduwen · Tonen
Tinten
- F2FBF8
- F4FCF9
- F5FCF9
- F7FDFA
- F8FDFB
- F9FDFC
- FBFEFD
- FCFEFD
- FEFFFE
Schaduwen
- D2DAD7
- B3BAB7
- 959C99
- 797E7C
- 5D6160
- 434645
- 2B2D2C
- 141515
- 030303
Tonen
- E5EEEA
- D9E1DE
- CED5D2
- C2C8C6
- B7BCBA
- ACAFAE
- A1A3A2
- 969797
- 8B8C8B
Kleurharmonieën
Complementair +180°
- F1FBF7
Everlasting Ice
- FFF5F9
≈ Sea Salt Sherbet
Analoog -30° +30°
- F1FBF7
Everlasting Ice
- F4FAF3
≈ Peaceful Rain
- F0FBFB
≈ Cold White
Triadisch +120° +240°
- F1FBF7
Everlasting Ice
- F8F7FF
≈ Ghost White
- FFF6F2
≈ Seashell
Gesplitst complementair +150° +210°
- F1FBF7
Everlasting Ice
- FCF6FD
≈ Cold Snow
- FFF6F5
≈ Sea Salt Sherbet
Tetradisch +90° +180° +270°
- F1FBF7
Everlasting Ice
- F5F9FF
≈ Ghost White
- FFF5F9
≈ Sea Salt Sherbet
- FCF8F0
≈ White Heat
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.05:1 · APCA Lc 0
Ag
AAAOp zwart
WCAG 19.88:1 · APCA Lc 104
Beste tekstkleur: #000000
WCAG 19.88:1 (AAA) · APCA Lc 104
Contrast pairs
Codefragmenten
CSS
:root {
--everlasting-ice: #f1fbf7;
--everlasting-ice-rgb: 241 251 247;
--everlasting-ice-oklch: oklch(0.98 0.012 170.3);
}
.element {
color: var(--everlasting-ice);
background-color: hsl(156 56% 96%);
border-color: oklch(0.98 0.012 170.3);
}Tailwind CSS v4
@theme {
--color-everlasting-ice: #f1fbf7;
--color-everlasting-ice-50: #f2f6f5;
--color-everlasting-ice-100: #e4e9e7;
--color-everlasting-ice-200: #cfd6d3;
--color-everlasting-ice-300: #b2b9b7;
--color-everlasting-ice-400: #98a19d;
--color-everlasting-ice-500: #7f8985;
--color-everlasting-ice-600: #6b7470;
--color-everlasting-ice-700: #565d5a;
--color-everlasting-ice-800: #3f4442;
--color-everlasting-ice-900: #2b2f2d;
--color-everlasting-ice-950: #181b1a;
}SCSS
$everlasting-ice: #f1fbf7;
$everlasting-ice-rgb: 241, 251, 247;
$everlasting-ice-light: mix(#fff, $everlasting-ice, 20%);
$everlasting-ice-dark: mix(#000, $everlasting-ice, 20%);
.element {
color: $everlasting-ice;
box-shadow: 0 0 0 2px rgba($everlasting-ice, 0.35);
}